A estas alturas, seguro que la mayoría de vosotr@s ya sabéis lo que es un plugin de WordPress, pero si aún no sabéis bien su significado, o si queréis aprender todo lo necesario sobre este CMS, te recuerdo que puedes descargar este Tutorial WordPress en pdf totalmente gratis y en español.
Google Maps y WordPress
Lanzado en 2005, el servicio se ha integrado desde entonces en sitios web, aplicaciones y mucho más. Esto fue posible gracias a la API de Google Maps, que permite a los productos y servicios de terceros integrar Google Maps. Google Maps, uno de los productos estrella de Google, es con diferencia el servicio de mapas más popular en línea.
WordPress tiene un gran soporte para Google Maps, y hay muchos plugins de WordPress en el mercado que te ayudan a integrarlo en tu página de contacto, en la página, en la barra lateral o en cualquier otro lugar que elijas. Muchos temas de WordPress también tienen incorporada la funcionalidad de Google Maps.
En este artículo, compartiré las mejores soluciones de plugin de Google Maps disponibles para WordPress.
Cómo obtener una clave API para Google Maps
Desde 2016, Google exige que los propietarios de sitios web realicen solicitudes utilizando una clave de API de Google Maps. La mayoría de los plugins de Google Maps WordPress requieren que introduzca esta clave de API para integrar los mapas en su sitio web. Sin embargo, hay algunas soluciones que manejan este aspecto para usted.
Cuando se hizo este cambio, Google ofreció hasta 25.000 cargas de mapas gratis cada mes. Ahora, en cambio, ofrece un crédito de 200 dólares. Consulta la hoja de precios de Google para entender mejor qué es lo que esto te aportará.
El crédito mensual de $200 debería ser suficiente para la mayoría de los sitios web pequeños y medianos. Sin embargo, aquellos con sitios web de alto tráfico pueden tener que pagar por cargas de mapas adicionales.
Para adquirir una clave de API, debe registrarse en Google Cloud Platform (GCP). Sólo se tarda unos minutos en registrarse y recuperar la clave.
Se le preguntará si desea mapas, rutas y lugares. Mi recomendación es seleccionar los tres para que toda la funcionalidad de Google Maps esté disponible para su sitio web.
Después de unos pasos más, se le proporcionará la clave de API que necesita para utilizar Google Maps en su sitio web.
Consulta la página de la plataforma Google Maps para crear una clave de API de Google Maps para tu sitio web y obtén más información sobre cómo funciona todo esto.
Mejores plugins para insertar un mapa de Google Maps en WordPress
Y ahora sin nmás rodeos, os presento los que para mí son los mejores plugins para insertar mapas personalizados de Google Maps en tu web.
¡Vamos a ello!
Map Block Leaflet o cómo insertar un mapa sin API key de Google
Desde hace ya un tiempo, Google anunción que para poder mostrar sus mapas en las diferentes páginas web, sería necesaria contratar una API Key en función de las visitas o impresiones que tenga tu sitio.
Pues bien, desde entonces, han salido varias alternativas para insertar mapas como los de Google maps pero sin API keys.
Este plugin en concreto, ha sido creado por el español Jesús Olazagoitia, es una de las opciones más sencillas para incluir un mapa en tu página web mediante el nuevo editor Gutenberg.
Al instalarlo aparece un nuevo bloque en el editor de WordPress llamado Map Leaflet, el cual, te permite definir ubicación, tamaño, zoom, etc.
Básicamente todas las utilidades que necesitamos en la mayoría de los casos.
También ofrece varios temas para personalizar el aspecto del mapa, como por ejemplo escala de grises o mundo real, para utilizarlos solo tienes que pulsar sobre ellos en la columna de opciones del bloque y se aplicarán automáticamente en el mapa.
Y lo mejor de todo, este plugin para es completamente gratis y no necesita ningún tipo de Api Key ya que utiliza Leaflet, una alternativa Open Source a Google Maps que está ganado mucho adeptos últimamente debido a los cambios en las políticas de Google y lo bien optimizada que está para dispositivos móviles.
Es cierto que este plugin es relativamente nuevo y aún no cuenta con muchas instalaciones activas, pero el autor me ha confirmado que seguro irá añadiendo funcionalidades nuevas poco a poco.
Google Maps Widget
Proporciona un mapa de Google de manera rápida de una imagen en un widget.
Si se necesita un mapa más especificado, con todas las características, con darle click a una caja de luz se podrán observar los detalles habituales.
Es un plugin gratuito, que muestra un mapa de Google con una carga muy rápida de una imagen que es configurable en widget.
Si se necesita un mapa más grande con todas las especificaciones, como zoom y la vista panorámica, también está disponible entre sus opciones.
Ambos mapas tienen la ventaja que se pueden ajustar en su totalidad en tamaño y apariencia para adaptarse a cualquier sitio web y diseño que se necesite.
Es algo muy sencillo, solo toma alrededor de 10 segundos poder crear un mapa y configurarlo.
Leaflet Maps Marker
Permite fijar de manera fácil la organización y compartir los lugares y pistas preferidas a través del sitio con WordPress.
Este plugin tiene números beneficios como por ejemplo:
- Pin
- Organizar y mostrar los lugares
- Pistas preferidas a través de diferentes navegadores
- OpenStreetMap
- Google Maps
- KML
- Bing Maps
- API
- Navegadores de realidad aumentada
Además permite elegir entre más de 1000 iconos gratuitos y personalizados de Maps Icons Collection, se puede añadir texto emergente con descripciones o imágenes para cada uno de los marcadores, organiza los marcadores en capas, permite elegir un mapa base individual,con tamaño y nivel de zoom para cada uno de los marcadores y permite mostrar los mapas agregando un shortcode.
Google Maps Generator for WordPress
Esta es una de las opciones pagas más sencillas que podrás encontrar a la hora de crear mapas y ponerlos a funcionar en WordPress.
Tiene un funcionamiento muy sencillo que logrará realzar tus mapas de los otros.
El generador tiene el beneficio de permitir crear mapas de Google sin la necesidad de tener que escribir ningún código.
Todo lo puedes realizar de manera visual y sin complicaciones.
Este plugin tiene incluido siete máscaras distintas, con las que podrás dar a tus mapas una imagen única y diferenciarlos del resto, además tienes también la opción de teñir todos tus mapas con distintos colores.
5sec Google Maps Plugin
Si crees que colocar un Plugin en WordPress te llevará horas, es algo muy complicado y que solo un experto puede lograr, ¡Este plugin es para ti!.
Es muy sencillo de emplear, no te llevará más de cinco segundo realizar la configuración de tu mapa.
Solo debes colocar: [gmap] tu dirección [/ gmap] ¡Y listo!
Sin necesidad de utilizar teclas API, sin configuración complicadas y difíciles de hacer, sin tener que hacer la edición de códigos; además cuenta con la ventaja de que funciona en páginas, publicaciones, barras laterales y todo tipo de publicaciones personalizadas, es decir que admite íconos, íconos personalizados de ubicación y los de pantalla completa.
Wild WordPress Google Maps
El complemento ideal de WordPress, entre uno de los beneficios que ofrece es que permite la creación y administración de Google Maps en tu sitio, de una manera sencilla y sin muchas complicaciones.
Además permite también que se pueda administrar el tipo de mapa, los diferentes tamaños y qué comandos deseas habilitar o deshabilitar.
Una de las mejores opciones que tiene el Wild WordPress es que permite la posibilidad de tener múltiples mapas en las distintas páginas y cada mapa puede tener tantos marcadores personalizados que necesites, es una de las maneras más sencillas de añadir mapas a tu página web sin complicaciones.
Ultimate Google Maps
Pertenece a Inceptive Design Labs, es una herramienta sencilla que proporciona de una manera sencilla la creación y la muestra de Google Maps.
Este plugin tiene la ventaja de permitir crear rápido y fácilmente mapas de Google con distintos tipos de mapas, añadirle las indicaciones de manejo, punteros o marcadores personalizados, etc.
Es la herramienta idea para quienes necesitan y les gustaría crear un mapa para su sitio web de una forma rápida y sencilla.
Entre las cosas que permite esta herramienta están:
- Añadir título y dirección
- Opciones de mapa de Google en miniatura
- Tamaño de mapa (ancho y alto)
- Tipo de mapa (carretera, satélite, terreno e híbrido)
- Esquema de color del mapa (desde predeterminado hasta cualquier tipo de mapa personalizado en mapa PRO)
- Nivel de zoom
- Tipo, color y tamaño del pin
- Añadir iconos de pin personalizados
- Etiquetas de identificación, etc.
Google Maps Editor for Wordpress
Una de las opciones más coloridas que podemos encontrar en la web, es Google Maps Editor para Wordpress, esta herramienta permite que puedas crear tantos mapas necesites de una manera sencilla y eficaz, con un diseño hermoso y único dentro del editor de texto de WordPress.
Entre sus opciones te da la oportunidad de elegir entre el estilo y diseño clásico que caracteriza a Google Maps y además la posibilidad de elegir entre cinco temas de color únicos, que harán resaltar tu sitio web y que se diferencie del resto. Estos cinco temas son exclusivos para la API de Google Maps.
Cartogram Mapplugin
Es uno de los mejores plugins que vas a encontrar ya que te permite crear e insertar mapas de Google de forma ilimitada, y estos además los podrás colocar en todas las publicaciones que desees, archivos o páginas de las plantillas de los temas que utilices, solo necesitas añadir un shortcode.
También permite personalizar cada mapa, ya que podrás ir agregando ubicaciones ilimitadas a todos los mapas.
Para poder completar el control de la posición de mapa, solo es necesario ir ingresando y agregando las distintas direcciones, agregando los diferentes marcadores o ingresando una latitud y longitud manualmente.
Es una manera sencilla de poder colocar mapas a todas tus publicaciones y de esta manera llegar mejor al público que tanto te interesa.
Progress Map WordPress Plugin
ProgressMap es un plugin de WordPress que se utiliza para listados basados en su ubicación.
El objetivo de esta herramienta es ayudar a los usuarios que poseen sitios web como listados de hoteles, restaurantes, listados de trabajo, de tiendas y hasta de inmuebles; a enumerar las ubicaciones en el mapa de Google y moverse con mayor facilidad a través de un carrusel.
Con Progress Map, todas las ubicaciones aparecerán en el mapa de Google en forma de marcadores y en un carrusel, en forma de detalles de las ubicaciones, este último estará relacionado con el mapa, lo que significa que el elemento que es seleccionado en el carrusel apuntará a su dirección en el mapa y viceversa.
Para añadir las ubicaciones, Progress Map tiene un área de formulario en la página donde se agrega contenido a la publicación, lo que te permitirá añadir rápidamente tus ubicaciones.
WordPress Map List Pro Plugin
Si estás buscando una forma sencilla y rápida de añadir una lista de ubicaciones, Map List Pro es para ti, de una manera fácil podrás buscar, ordenar y filtrar en tu sitio las direcciones que necesites. Map List Pro es el plugin ideal para crear:
- Localizadores de tiendas
- Listas de Office
- Vistas generales de ubicación
- Listas de clientes
- Restaurantes, hoteles y listas de contactos.
Es muy sencillo e intuitivo a la hora de usarlo, sin duda alguna es la herramienta que debes tener para mejorar la experiencia de los usuarios al entrar en tu sitio web y que puedan localizar de manera efectiva todo lo que ofreces.
¡Tus clientes lo adoraran!
Advanced Google Map WordPress Plugin
Es un plugin premium que facilita la creación de mapas personalizados a partir de la configuración de muchas de sus características.
Este plugin brinda al desarrollador la posibilidad de configurar la presentación de la ubicación, incluir y mostrar ventanas informativas al seleccionar un punto definido del mapa, definir los colores para los iconos, las rutas trazadas y las capas que conforman el mapa.
Además, brinda la posibilidad de personalizar y definir rutas a lugares específicos, adaptarlo para páginas de categoría infantil con el fin de hacerlo atractivo para los más pequeños, incluir filtros y publicaciones.
Para muchos expertos Advanced Google Maps es el plugin perfecto para la insertar mapas de Google en WordPress.
Simplified Google Maps WordPress Plugin
Es un plugin único que le permitirá crear, administrar y personalizar mapas fácilmente en el sitio de WordPress.
A diferencia de la mayoría de los plugins de Google Maps para WordPress que requieren que el desarrollador domine algunas habilidades avanzadas de desarrollo web, Simplified Google Maps surge con la firme intención de que sin realizar trabajo duro de programación el usuario o desarrollador pueda enfocarse directamente en el resultado final.
Con una serie de pasos propuestos por el creador del plugin se pueden configurar características como el tema aplicado al mapa, los colores, los iconos, la infografía, los filtros, la portabilidad en diferentes tipos de dispositivos, la predefinición de rutas, entre otras.
Responsive WordPress Google Maps Plugin
Este plugin se enfoca en el cumplimiento del principio diseño responsive, es decir, buscar la correcta visualización de una misma página en distintos dispositivos.
Sin necesidad de disponer de una clave de API puede incorporar un mapa adaptable y con estilo en su página o blog.
Si escoge Responsive WordPress Google Maps Plugin para WordPress podrá incluir múltiples ubicaciones dentro del mapa insertado y además podrá configurar características como:
- El lenguaje en que se presenta el mapa
- El zoom, la latitud y la longitud inicial
- Los márgenes, el ancho y alto adaptándolo a los diferentes dispositivos
- Las ventanas de información de cada ubicación
WordPress Google Maps Contact Route
Con este plugin resulta muy fácil añadir rutas a los diferentes destinos definidos en el mapa. Maps Contact Route da al usuario a capacidad para calcular la ruta en modo peatón, considerando que no siempre dispone de otro medio de transporte para dirigirse a las diferentes ubicaciones que se presentan.
Pese a que es una característica que pudiese ser atendida con el uso de Google Maps embebido, con Maps Contact Route tambien se dispone de la posibilidad de configurar múltiples características del mapa como el zoom, colores, iconos, dimensiones, entre otras.
Mapped contact form pro WordPress
Este plugin permite la incorporación de un formulario de contacto programado con Ajax dentro de una ventana de información.
Basado en Google Maps API V3, utilizando validaciones definidas en jQuery y contando con más de 60 temas de personalización, Mapped contact form pro WordPress permite al usuario añadir una ubicación específica y configurar la aparición del formulario de contacto que será enviado por correo electrónico luego de que un visitante suministre los datos requerimos.
Funciona para uno o múltiples lugares y se puede configurar una dirección de correo electrónico diferente para cada ubicación definida.
Google Maps Builder
Surge para ser más que un simple plugin de Google Maps.
Esta construido desde cero con el objetivo de ser simple, intuitivo y rápido.
Desarrolla poderosos mapas utilizando Live Map Builder para editar el mapa en pantalla completa, integrando el API de Google Places para ubicar direcciones de negocio cercanas y puntos de interés con clasificaciones , diseños de Snazzy Maps, Iconos de Unique Marker Icons y Small FootPrint para no requerir de una base de datos.
Es uno de los más poderosos y utilizados actualmente y es un plugin desarrollado en modo de depuración, por lo que está totalmente probado en funcionamiento.
Google Maps
Una de las opciones para incorporar mapas de Google en tu página o blog es la de buscar la ubicación en la página de google maps y seleccionar la opción de compartir.
Al hacer lo mencionado, se presentarán dos opciones distribuidas en la misma cantidad de pestañas para compartir la ubicación seleccionada.
Se debe seleccionar la opción “insertar mapa”, indicar el tamaño del mapa y copiar la dirección web presentada (iframe).
Posteriormente, accedes a la sección de la página que quieres que incluya el mapa y pegas el iframe en su contenido.
Esta es la opción que necesita menos conocimientos de desarrollo y cabe destacar, que no es posible configurar las características del mapa.
Google Map Plugin
Es el plugin más utilizado en WordPress ya que es muy fácil de incorporar y usar sin necesidad de código complejo. permite crear mapas personalizados de Google con marcadores de alta calidad que contienen ubicaciones, descripciones, imágenes, categorías, enlaces y direcciones.
No puede ser utilizado en iframes, es 100% responsive, es compatible con Street View, dispone de 9 temas de personalización y presenta la facilidad de construir uno propio.
Se pueden añadir, editar y eliminar marcadores, tiene soporte de localización y se puede escoger uno de cuatro tipos de mapas de Google: roadmap, terreno, satélite e híbrido.
Basic Google Maps Placemarks
Este plugin permite incorporar mapas en páginas o blogs de Wordpress a partir de la incorporación de pequeñas líneas de código.
Con Basic Google Maps Placemarks se pueden crear publicaciones personalizadas con marcas de posición en el mapa y los configurar los textos, las imágenes y los títulos que serán presentados al pasar sobre la marca.
Se puede definir el tipo de mapa, configurar diferentes mapas de acuerdo a la marca construida, definir las categorías se muestran en cada sección, agrupar marcadores pos posición.
Además, se puede configurar características como el zoom, los márgenes, los colores, las rutas, entre otras.
Code People Post Map
Este plugin permite definir información de geolocalización e integrar Google Maps de manera sencilla a las diferentes publicaciones que compongan su página o blog.
CodePeople Post Map permite insertar un mapa en una publicación o en segmentos que muestran varias publicaciones (página de inicio, archivo, categoría, resultados de búsqueda, entro otras).
Cuando es insertado en una sola publicación, el mapa muestra el marcador de posición asociado a la geolocalización definida, mientras que si es un mapa para varias publicaciones, muestra los marcadores de las demás publicaciones que tengan la misma categoría.
Además, permite configurar múltiples características del mapa a presentar.
CP Google Maps
Es un plugin basado en Google Maps Javascript API versión 3, permite incrustar mapas de Google en múltiples idiomas en cualquier posición de la página o blog y asociarlo a una o varias de las publicaciones que la compongan.
A partir de la configuración de la geolocalización y categoría de una publicación se puede lograr que el mapa muestre referencias y marcas asociadas a dicha publicación o a las últimas publicaciones que hagan referencia a la categoría definida.
Brinda la posibilidad de personalizar características como el zoom inicial, el ancho y alto, tipo de mapa, lenguaje de mapa, activar o desactivar el mapa para aparecer al pasar el puntero sobre una publicación y configurar la clase de las publicaciones.
Web Maps for WordPress
Con este plugin, puede habilitar en su página o blog la aparición de un botón “añadir mapa” similar a la de añadir imágenes.
Al seleccionar esta opción se presenta un buscador con el que puede ubicar los diferentes mapas que cumplan con sus criterios de búsqueda y que estén registrados en ArcGIS Online.
Todos los mapas que se mostrarán en la cuadrícula de resultados son interactivos y permiten al usuario hacer desplazamiento dentro del mismo (zoom, trazado de rutas, marca de ubicaciones, entre otros).
Adicionalmente, al seleccionar el mapa se tiene la opción de configurar algunas de sus características.
WordPress Open Street Map plugin
Este plugin permite la incorporacion de mapas OpenStreetMap, OpenSeaMap, OpenWeatherMap, BaseMap (AT), Stamen y WMS utilizando iframes, popups y etiquetas de imagen HTML.
WordPress OpenStreetMap hace uso de conexiones SSL y la librería OpenLayers Library se pueden presentar mapas con geolocalización para ubicaciones definidas con tags (etiquetas).
Su instalación pasa por la incorporación del código en la carpeta de plugins y la posterior activación del plugin para su uso.
Como parte de las funciones provistas se pueden configurar características como el zoom, las transiciones, las rutas, los iconos, las imágenes de referencia, las descripciones, los filtros, los textos, entre otras.
MapQuest Map Builder
Es un plugin que tiene una instalación rápida y fácil ya que no requiere una clave de API u otro tipo de registro.
MapQuest Map Builder presenta dos opciones para su uso, la primera inserta el mapa como un elemento interactivo que será incrustado en un iframe y la segunda permite insertarlo como un archivo de imagen estática.
Con él se pueden encontrar ubicaciones a partir del ingreso de la latitud y longitud, añadir ubicaciones y personalizar el icono, color, título, descripción e imágenes a mostrar y rutas a seguir para llegar a la misma.
Además, como funciones agregadas, siendo la principal añadir líneas, rectángulos, elipses y polígonos personalizados; configurando el color, la opacidad, el color del borde y el ancho del borde para cada polígono en el mapa.
Flexible Map
Este plugin permite incorporar Google Maps a su sitio web de WordPress con shortcodes en etiquetas HTML simples.
Puede añadir un mapa por coordenadas, por calles o por la dirección web de un archivo KML de Google Earth.
Depende únicamente de disponer de una clave de API de Google Maps y admite diseño responsive, es decir, puede adaptar la presentación del mapa al dispositivo en el que se esté viendo.
Admite múltiples mapas en una misma página y provee a los desarrolladores de la función flexmap_show_map() para hacer tareas de desarrollo más complejas sobre las características básicas del plugin.
amCharts: Charts and Maps
Con amCharts no solo pueden incorporarse mapas en su página o blog, también pueden incorporarse gráficos y otros componentes que pudiesen requerir de código javascript complejo.
WordPress es la plataforma de publicación web más utilizada, es perfecta para cuando quiere que su sitio web funcione en minutos.
Sin embargo, cuando se trata de contenido dinámico, como JavaScript, encontrará que prácticamente no hay muchas opciones.
Este plugin provee la capacidad de añadir gráficos y mapas dinámicos a las publicaciones y páginas de forma sencilla ya que utiliza los servidores de amCharts para alojar los componentes que se quieran añadir y su motor de manejo de javascript se encarga del trabajo pesado.
Free Google Maps Travel Route
Para su uso solo requiere tener una clave válida en la API, teniendola Free Google Maps Travel Route le permite insertar fácilmente mapas de Google en su sitio web de WordPress y a través de su tablero de gestión configurar características del mapa presentado y también puede añadir, modificar o eliminar ubicaciones y las rutas a seguir para llegar a dichas ubicaciones.
El mapa se puede insertar en páginas, publicaciones, widgets o barras laterales a partir de shortcodes, por ejemplo:
[travelroute height=”400″ width=”960″])
Y se pueden configurar características como el zoom, los márgenes, los filtros, los iconos, las líneas, las capas, entre otras.
Free Google Maps Widget
Con este plugin puede incorporar un pequeño mapa en su página o blog de WordPress y al hacer click sobre él se desplegará en un widget el mapa en un tamaño más grande.
Con Google Maps Widget tendrá el mapa perfecto con una versión en miniatura y un widget en muy poco tiempo, logrando así mejorar el rendimiento y superar la barrera de los plugin que presentan mapas de Google que lentos y que toman horas para configurar.
Permite configurar múltiples características y además definir la interacción del mapa, indicando como será presentado el widget luego de hacer click en el mapa miniatura.
Responsive Styled Google Maps – WordPress Plugin
Diseñado para permitir la creación de mapas simples, responsive y con estilo. Permite múltiples marcadores de ubicación en cada mapa a partir del uso de shortcodes y funciona con Visual Composer.
Muestra la ubicación en función de la latitud y la longitud de la misma y tiene una barra de búsqueda para conseguir otras ubicaciones.
Responsive Styled Google Maps permite mostrar y ocultar ubicaciones de interés, manejar ventanas emergentes HTML, activar o desactivar la aparición del mapa y configurar características como los iconos (seleccionando uno de los 10 estilos disponibles), el zoom, seleccionar los colores a partir de una paleta de 50 estilos.
Interactive World Maps Plugin for WordPress
Es un plugin HTML que permite integrar un mapa del mundo en su página o blog.
Si su labor está orientada a presentar a sus usuarios productos o publicaciones asociados a diferentes zonas geográficas Interactive World Maps Plugin es la mejor opción.
Puede mostrar un mapa del mundo simplemente agregando un código HTML corto en el contenido principal de una página o publicación.
Es fácil de incorporar y provee la configuración de características como la asignación de color a cada una de las regiones, continentes, países, ciudades o poblados, la personalización de los textos, iconos, líneas, filtros, rutas, entre otras.
Si te ha gustado este artículo, te invito a compartirlo en redes sociales para que ayude a más gente.
Por último, puedes dejar tu email en el formulario que verás debajo para recibir gratis nuestra Guía Completa de Wordpress en PDF. También te informaremos de nuevos artículos, recursos y ofertas útiles para tu Wordpress.
