Interactive World Maps es un complemento de WordPress que utiliza la API de Google Geochart para generar mapas receptivos que puede personalizar y colocar en cualquier lugar de su sitio. La API de Google Geochart es excelente, pero hay algunas opciones que no incluye. ¡Pero con algo de CSS o Javascript personalizado podemos ampliar aún más la funcionalidad y las imágenes de los mapas! A continuación se muestran algunos ejemplos de lo que podemos lograr.
Mostrar diferentes regiones
Podrás mostrar cientos de tipos de mapas diferentes, ya incluidos:
- Un mapa del mundo entero.
- Un continente o un subcontinente. (África, Europa, América, Asia, Oceanía y todos sus subcontinentes)
- Un país. (se incluyen prácticamente todos los países del mundo, destacando los más solicitados: USA, Reino Unido, Canadá, Francia, Alemania, España, Italia, Brasil, India, Australia…)
- Un país dividido por sus regiones. *
- Un estado en los Estados Unidos.
- Estados Unidos dividido por áreas metropolitanas.
- Un estado en los Estados Unidos dividido por áreas metropolitanas.
Regiones de color o agregar marcadores
Puede agregar regiones coloreadas activas al mapa y mostrarlas de 2 maneras diferentes:
- Como regiones: coloreará toda la región, por ejemplo, un continente, un subcontinente, un país, una provincia o un estado de EE. UU.
- Como marcadores: mostrará una burbuja de color en las regiones elegidas, que puede ser una ciudad, un estado o un país.
Agregar interactividad
Puede agregar interactividad a las regiones activas:
- Una información sobre herramientas: se mostrará una información sobre herramientas de forma predeterminada al pasar el mouse sobre la información que proporcione.
- ¿ Una acción ? Puede configurar diferentes tipos de acción para cuando el usuario haga clic en un área activa. Puede abrir una nueva URL o simplemente mostrar un mensaje. Los usuarios avanzados podrán crear sus propias funciones de Javascript para acciones personalizadas, como abrir información con un efecto de caja de luz .
Personalizable
Podrá personalizar el aspecto visual de sus mapas:
- Color de fondo;
- Ancho y color del borde del cuadro;
- Color de regiones inactivas;
- Colores individuales para cada región activa;
- Tamaño de los marcadores;
- Ancho y Alto del mapa;
Agregue los mapas en cualquier lugar de su sitio web
¡Puede usar un código abreviado para incluir los mapas en publicaciones, páginas e incluso en los widgets de la barra lateral! También puede agregar los mapas a su plantilla, con una simple función de php.
Sensible
Si no se especifica ancho, se cargará con el ancho máximo disponible en el contenedor div. Por ejemplo, se cargará y adaptará con diferentes tamaños para teléfonos/ipads/laptops. Sin embargo, después de cargarlo, no cambiará de tamaño si cambia el tamaño de la ventana.
Desde la versión 1.4, el complemento incluye una opción para hacer que los mapas sean completamente receptivos. Esto usará jQuery para verificar si el tamaño de la ventana cambió y volverá a dibujar el mapa con el nuevo espacio disponible.
Compatible con varios dispositivos y navegadores
Los mapas están construidos en SVG, no se usa flash y, por lo tanto, se mostrarán en los productos Mac.
CSS Hacks simplificado
Hay algunas funciones que la API de Google Geochart no proporciona de forma predeterminada, pero el complemento proporciona un ‘Generador de CSS personalizado’ para ayudar a implementar algunas funciones como el efecto de cambio de color al pasar el mouse, implementar íconos de fuente como marcadores, cambiar el color del borde, entre otros.
Ejemplo de mapa usando íconos de fuente del kit de herramientas fontAwesome usando algunos trucos de CSS, disponible desde la versión 1.7.3 lanzada en enero de 2016.
¿Dónde usarlo?
Este complemento es perfecto para:
- Sitios web de viajes: cree mapas para mostrar destinos y enlaces a páginas sobre una ubicación específica
- Sitio web del viajero: muestra un mapa con los destinos/países visitados
- Empresas Multinacionales – Crea mapas de las ciudades/países donde operan
- Pequeñas empresas: muestra la ubicación de la empresa en un mapa del país
- ONG: cree mapas de proyectos de ONG en todo el mundo
- Infografía: muestra mapas fáciles de leer con diversa información
- ¡Y muchas más otras aplicaciones! ¡Ser creativo!
Valoraciones
No hay valoraciones aún.