1) Google Maps y WordPress
Lanzado en 2005, el servicio se ha integrado desde entonces en sitios, aplicaciones y mucho más. Esto fue posible gracias a la API de Google Maps, que deja 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 complementos de WP en el mercado que te ayudan a integrarlo en tu página de contacto, en la página, en la barra lateral o bien en 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 libres para WordPress.
Back to top2) Cómo conseguir una clave API para Google Maps
Desde dos mil dieciseis, Google exige que los propietarios de sitios web realicen solicitudes usando 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. No obstante, existen algunas soluciones que manejan este aspecto para .
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 costes de Google para entender mejor qué es lo que esto te aportará.
El crédito mensual de dólares americanos 200 debería ser suficiente para la mayoría de los sitios web pequeños y medianos. Sin embargo, aquellos con sitios de alto tráfico pueden tener que abonar por cargas de mapas adicionales.
Para adquirir una clave de API, debe darse de alta en Google Cloud Platform (GCP). Sólo se tarda unos minutos en darse de alta y recobrar 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 y obtén más información sobre cómo funciona todo esto.
Back to top3) 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 introducir mapas personalizados de Google Maps en tu web.
¡Vamos a ello!
Back to top4) Map Block Leaflet o cómo introducir un mapa sin API key de Google
Desde ya hace un tiempo, Google anunción que para poder mostrar sus mapas en las diferentes páginas web, sería precisa contratar una API Key en función de las visitas o bien impresiones que tenga tu sitio.
Pues bien, desde entonces, han salido múltiples opciones alternativas para introducir mapas como los de Google maps mas sin API keys.
Este plugin específicamente, 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 a través de el nuevo editor Gutenberg.
Al instalarlo aparece un nuevo bloque en el editor de Wordpress llamado Map Leaflet, el cual, te permite acotar ubicación, tamaño, zoom, etc.
Básicamente todas y cada una de las utilidades que precisamos en la mayoría de los casos.
También ofrece múltiples temas para personalizar el aspecto del mapa, como por poner un ejemplo escala de grises o bien mundo real, para emplearlos solo debes 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 absolutamente sin coste y no precisa ningún tipo de Api Keyya que emplea Leaflet, una opción 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 optimada que está para dispositivos móviles.
Es cierto que este complemento es relativamente nuevo y aún no cuenta con muchas instalaciones activas, mas el creador me ha confirmado que seguro irá añadiendo funcionalidades nuevas poquito a poco.
Proporciona un mapa de Google de manera rápida de una imagen en un widget.
Si se precisa un mapa más detallado, con todas y cada una de las características, con darle clic a una caja de luz se podrán observar los detalles habituales.
Es un complemento gratis, 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á libre entre sus opciones.
Ambos mapas tienen la ventaja que se pueden ajustar en su totalidad en tamaño y apariencia para amoldarse a cualquier sitio y diseño que se necesite.
Es algo muy sencillo, solo toma alrededor de diez segundos poder crear un mapa y configurarlo.
Back to top5) 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 WP.
Este complemento 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 deja escoger entre más de 1000 iconos gratuitos y adaptados de Maps Icons Collection, se puede añadir texto emergente con descripciones o imágenes para cada uno de ellos de los marcadores, organiza los marcadores en capas, deja escoger un mapa base individual,con tamaño y nivel de zoom para cada uno de los marcadores y deja mostrar los mapas agregando un shortcode.
Back to top6) Google Maps Generator for WordPress
Esta es una de las opciones pagas más fáciles que podrás encontrar a la hora de crear mapas y ponerlos a funcionar en WordPress.
Tiene un funcionamiento muy sencillo que logrará destacar tus mapas de los otros.
El generador tiene el beneficio de permitir crear mapas de Google sin la necesidad de tener que redactar ningún código.
Todo lo puedes realizar de forma visual y sin complicaciones.
Este complemento tiene incluido 7 máscaras distintas, con las que podrás dar a tus mapas una imagen única y distinguirlos del resto, además tienes también la opción de teñir todos tus mapas con diferentes colores.
Back to top7) 5sec Google Maps Plugin
Si piensas que colocar un Complemento en WP te llevará horas, es algo muy complicado y que solo un especialista puede lograr, ¡Este complemento es para ti!.
Es sencillísimo de emplear, no te llevará más de 5 segundo efectuar la configuración de tu mapa.
Solo debes colocar: [gmap] tu dirección [/ gmap] ¡Y listo!
Sin necesidad de emplear teclas API, sin configuración complicadas y difíciles de hacer, sin hacer la edición de códigos; además cuenta con la ventaja de que funciona en páginas, publicaciones, barras laterales y todo género de publicaciones adaptadas, es decir que admite íconos, íconos adaptados de ubicación y los de pantalla completa.
Back to top8) 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 forma sencilla y sin muchas dificultades.
Además deja también que se pueda dirigir el tipo de mapa, los diferentes tamaños y qué comandos quieres habilitar o bien deshabilitar.
Una de las opciones mejores que tiene el Wild WP es que deja la posibilidad de tener múltiples mapas en las diferentes páginas y cada mapa puede tener tantos marcadores personalizados que precises, es una de las maneras más fáciles de añadir mapas a tu página web sin complicaciones.
Back to top9) Ultimate Google Maps
Pertenece a Inceptive Design Labs, es una herramienta fácil que proporciona de una forma fácil 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 géneros de mapas, añadirle las indicaciones de manejo, punteros o bien marcadores adaptados, etc.
Es la herramienta idea para quienes precisan y les gustaría crear un mapa para su sitio de una forma rápida y fácil.
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 y también híbrido)
- Esquema de color del mapa (desde predeterminado hasta cualquier género 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.
10) Google Maps Editor for Wordpress
Una de las opciones más coloridas que podemos localizar en la web, es Google Maps Editor para WP, esta herramienta permite que puedas crear tantos mapas necesites de una forma sencilla y eficiente, con un diseño hermoso y único en el editor de texto de Wordpress.
Entre sus opciones te da la ocasión 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 destacar tu sitio y que se distinga del resto. Estos cinco temas son exclusivos para la API de Google Maps.
Back to top11) Cartogram Mapplugin
Es de los mejores complementos que vas a hallar puesto que te permite crear y también insertar mapas de Google de forma ilimitada, y estos además los podrás poner en todas y cada una de las publicaciones que desees, archivos o páginas de las plantillas de los temas que uses, solo necesitas añadir un shortcode.
También deja personalizar cada mapa, en tanto que podrás ir agregando localizaciones ilimitadas a todos y cada uno de 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 forma fácil de poder poner mapas a tus publicaciones y de esta forma llegar mejor al público que tanto te interesa.
Back to top12) Progress Map WordPress Plugin
ProgressMap es un complemento de Wordpress que se emplea 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, restoranes, listados de trabajo, de tiendas e incluso de inmuebles; a contar las localizaciones en el mapa de Google y moverse con mayor sencillez a través de un carrusel.
Con Progress Map, todas y cada una de 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 quiere decir que el elemento que es elegido en el carrusel apuntará a su dirección en el mapa y a la inversa.
Para añadir las localizaciones, Progress Map tiene un área de formulario en la página donde se añade contenido a la publicación, lo que te permitirá añadir rápidamente tus ubicaciones.
Back to top13) WordPress Map List Pro Plugin
Si estás buscando una forma sencilla y rápida de añadir una lista de localizaciones, Map List Pro es para ti, de una manera fácil podrás buscar, ordenar y filtrar en tu lugar las direcciones que precises. 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 utilizarlo, sin ningún género de dudas es la herramienta que debes tener para progresar la experiencia de los usuarios al entrar en tu sitio web y que puedan encontrar de forma efectiva todo cuanto ofreces.
¡Tus clientes lo adoraran!
Back to top14) Advanced Google Map Wordpress Plugin
Es un complemento 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 escoger un punto definido del mapa, delimitar los colores para los iconos, las sendas trazadas y las capas que conforman el mapa.
Además, brinda la posibilidad de personalizar y acotar rutas a lugares específicos, adaptarlo para páginas de categoría infantil con el objetivo de hacerlo atractivo para los más pequeños, incluir filtros y publicaciones.
Para muchos especialistas Advanced Google Maps es el plugin perfecto para la introducir mapas de Google en WP.
Back to top15) Simplified Google Maps Wordpress Plugin
Es un plugin único que le permitirá crear, dirigir y personalizar mapas fácilmente en el lugar de WP.
A diferencia de la mayoría de los plugins de Google Maps para WP que requieren que el desarrollador domine ciertas habilidades avanzadas de desarrollo web, Simplified Google Maps brota con la firme intención de que sin realizar trabajo duro de programación el usuario o bien 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 géneros de dispositivos, la predefinición de rutas, entre otras.
Back to top16) Responsive WP Google Maps Plugin
Este complemento se enfoca en el cumplimiento del principio diseño responsive, esto es, buscar la correcta visualización de una misma página en distintos dispositivos.
Sin necesidad de disponer de una clave de API puede agregar un mapa amoldable y con estilo en su página o weblog.
Si elige Responsive WP Google Maps Complemento para Wordpress podrá incluir múltiples localizaciones 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
Con este plugin resulta muy fácil añadir sendas a los diferentes destinos definidos en el mapa. Maps Contact Route da al usuario a capacidad para calcular la senda en modo peatón, estimando que no siempre y en toda circunstancia dispone de otro medio de transporte para dirigirse a las distintas localizaciones que se presentan.
Pese a que es una característica que pudiera ser atendida con el empleo 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 muchas.
Este complemento 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, usando 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á mandado por correo electrónico después de que un visitante provea 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.
Back to top17) Google Maps Builder
Surge para ser más que un simple complemento de Google Maps.
Esta construido desde cero con el objetivo de ser simple, intuitivo y rápido.
Desarrolla poderosos mapas usando 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 complemento desarrollado en modo de depuración, con lo que está absolutamente probado en funcionamiento.
Una de las opciones para incorporar mapas de Google en tu página o bien blog es la de buscar la ubicación en la página de google maps y escoger la opción de compartir.
Al hacer lo mencionado, se presentarán 2 opciones distribuidas en la misma cantidad de pestañas para compartir la ubicación elegida.
Se debe escoger la opción “insertar mapa”, apuntar el tamaño del mapa y copiar la dirección web presentada (iframe).
Posteriormente, accedes a la sección de la página que deseas que incluya el mapa y quejas 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.
Back to top18) Google Map Plugin
Es el plugin más empleado en WP puesto que es muy fácil de añadir y usar sin necesidad de código complejo. deja crear mapas personalizados de Google con marcadores de alta calidad que poseen localizaciones, descripciones, imágenes, categorías, enlaces y direcciones.
No puede ser empleado en iframes, es cien por cien responsive, es compatible con Street View, dispone de 9 temas de personalización y presenta la facilidad de edificar uno propio.
Se pueden añadir, editar y eliminar marcadores, tiene soporte de localización y se puede seleccionar uno de cuatro géneros de mapas de Google: roadmap, terreno, satélite y también híbrido.
Back to top19) Basic Google Maps Placemarks
Este plugin permite agregar mapas en páginas o bien 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 adaptadas 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 género de mapa, configurar diferentes mapas de acuerdo a la marca construida, definir las categorías se muestran en cada sección, reunir marcadores pues posición.
Además, se puede configurar características como el zoom, los márgenes, los colores, las sendas, entre otras muchas.
Back to top20) Code People Post Map
Este plugin permite definir información de geolocalización y también integrar Google Maps de manera sencilla a las distintas publicaciones que compongan su página o bien weblog.
CodePeople Artículo Map deja introducir un mapa en una publicación o en segmentos que muestran varias publicaciones (página de comienzo, 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, al tiempo que si es un mapa para varias publicaciones, muestra los marcadores de las demás publicaciones que tengan exactamente la misma categoría.
Además, permite configurar múltiples características del mapa a presentar.
Back to top21) CP Google Maps
Es un complemento basado en Google Maps Javascript API versión tres, deja engastar mapas de Google en múltiples idiomas en cualquier posición de la página o bien weblog y asociarlo a una o múltiples 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 conseguir 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.
Back to top22) 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 situar los diferentes mapas que cumplan con sus criterios de búsqueda y que estén registrados en ArcGIS On-line.
Todos los mapas que se mostrarán en la cuadrícula de resultados son interactivos y dejan al usuario hacer desplazamiento dentro del mismo (zoom, trazado de sendas, marca de localizaciones, entre otros muchos).
Adicionalmente, al elegir el mapa se tiene la opción de configurar algunas de sus características.
Back to top23) WordPress Open Street Map plugin
Este complemento deja 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 carpetita de complementos y la siguiente activación del complemento para su empleo.
Como una 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.
Back to top24) MapQuest Map Builder
Es un complemento que tiene una instalación rápida y fácil puesto 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á engastado en un iframe y la segunda permite introducirlo como un archivo de imagen estática.
Con él se pueden localizar ubicaciones desde el ingreso de la latitud y longitud, añadir localizaciones y personalizar el icono, color, título, descripción e imágenes a mostrar y sendas 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 tono del borde y el ancho del borde para cada polígono en el mapa.
Back to top25) Flexible Map
Este plugin deja agregar Google Maps a su sitio web de Wordpress con shortcodes en etiquetas en código HTML simples.
Puede añadir un mapa por coordenadas, por calles o bien 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 acepta diseño responsive, o sea, 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 labores de desarrollo más complejas sobre las características básicas del complemento.
Back to top26) amCharts: Charts and Maps
Con amCharts no solo pueden incorporarse mapas en su página o weblog, 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 empleada, es perfecta para cuando quiere que su sitio web funcione en minutos.
Sin embargo, tratándose de contenido dinámico, como JavaScript, encontrará que prácticamente no hay muchas opciones.
Este complemento provee la capacidad de añadir gráficos y mapas dinámicos a las publicaciones y páginas sencillamente puesto que utiliza los servidores de amCharts para alojar los componentes que se quieran añadir y su motor de manejo de javascript se hace cargo del trabajo pesado.
Back to top27) Free Google Maps Travel Route
Para su empleo solo requiere tener una clave válida en la API, teniendola Free Google Maps Travel Route le permite introducir fácilmente mapas de Google en su sitio de Wordpress y a través de su tablero de gestión configurar características del mapa presentado y también puede añadir, alterar o bien quitar ubicaciones y las sendas a continuar para llegar a dichas localizaciones.
El mapa se puede introducir 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 muchas.
Con este plugin puede añadir un pequeño mapa en su página o weblog de WP 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, consiguiendo así mejorar el rendimiento y superar la barrera de los complemento que presentan mapas de Google que lentos y que toman horas para configurar.
Permite configurar múltiples características y además delimitar la interacción del mapa, indicando como será presentado el widget después de hacer click en el mapa miniatura.
Back to top28) Responsive Styled Google Maps – WP 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 empleo de shortcodes y marcha 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 lograr otras localizaciones.
Responsive Styled Google Maps deja mostrar y esconder localizaciones de interés, manejar ventanas emergentes HTML, activar o bien desactivar la aparición del mapa y configurar características como los iconos (escogiendo uno de los diez estilos disponibles), el zoom, escoger los colores a partir de una paleta de cincuenta estilos.
Back to top29) Interactive World Maps Plugin for WordPress
Es un complemento HTML que permite integrar un mapa del planeta en su página o bien weblog.
Si su tarea 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 añadiendo un código HTML corto en el contenido principal de una página o bien publicación.
Es fácil de añadir y provee la configuración de características como la asignación de color a cada una de las zonas, continentes, países, ciudades o bien poblados, la personalización de los textos, iconos, líneas, filtros, sendas, entre otras.
Back to top
