Plugins para a├▒adir mapas en WordPress
Plugins para a├▒adir mapas en WordPress

Plugins para a├▒adir mapas en WordPress

}
Tiempo lectura:

Shutterstock seeyah panwan

Hoy te quiero hablar de cómo añadir mapas en WordPress, ya que es un tipo de recurso muy habitual, por ejemplo, para sitios de turismo y viajes, o si tienes una empresa con varias sedes y quieres mostrarlas todas de formas gráfica. Esas son las dos formas más habituales en que suelen demandarlo los clientes del servicio de diseño web, pero seguro que hay muchas otras.

De modo que, en este post he recopilado varios plugins para añadir mapas en WordPress, tanto gratuitos como de pago, para que elijas la opción que más te convenga en función de tus necesidades y las de su sitio web.

8 plugins para a├▒adir mapas interactivos en WordPress


#1 Interactive Geo Maps

Plugins para a├▒adir mapas en WordPress: Interactive Geo Maps

El primer plugin para a├▒adir mapas en WordPress del que te quiero hablar es Interactive Geo Maps, que permite crear mapas interactivos por regiones / pa├şses e incluir marcadores de colores.

Con este plugin puedes mostrar en WordPress mapas del mundo, de los continentes y de un solo pa├şs.

Dispone de una versión gratuita y de una de pago con opciones más avanzadas.

Te dejo un ejemplo de este plugin que utilic├ę en un blog de viajes. Puedes verlo en funcionamiento en Dos mundos encontrados.

Plugins para a├▒adir mapas en WordPress: Interactive Geo Maps

#2 Interactive World Maps

Plugins para a├▒adir mapas en WordPress: Interactive World Maps

Interactive World Maps es un plugin premium muy similar al anterior, ya que pertenece al mismo autor, aunque, en este caso, solo está disponible para su adquisición en Envato Market.

Utiliza la API de Google Geochart para generar mapas que puedes personalizar y mostrar en cualquier parte de tu web a trav├ęs de un shortcode.

Como en el caso anterior, puedes crear tantos mapas como quieras, con marcadores interactivos y de colores por continentes, pa├şses o regiones.

Si quieres verlo en funcionamiento, este plugin lo utilic├ę en el blog de Emily Poppins.

Plugins para a├▒adir mapas en WordPress: Interactive World Maps

#3 WP Google Maps

Plugins para a├▒adir mapas en WordPress: WP Google Maps

Con WP Google Maps puedes añadir en WordPress un mapa personalizado de Google o un localizador de tiendas de forma rápida y sencilla con el shortcode que se genera.

Este plugin tambi├ęn dispone de dos versiones. La versi├│n gratuita te permite crear un mapa de Google con tantos marcadores como quieras y la pro ofrece mapas con marcadores de alta calidad que incluyen ubicaciones, descripciones, im├ígenes, categor├şas, enlaces y direcciones.

Aqu├ş puedes ver un ejemplo:

Plugins para a├▒adir mapas en WordPress: WP Google Maps

#4 Leaflet Map

Plugins para a├▒adir mapas en WordPress: Leaflet Map

Leaflet Map te permite a├▒adir en WordPress mapas generados con LeafletJS, que es una librer├şa JavaScript de c├│digo abierto para mapas interactivos responsive.

Puede establecerse por mapa con atributos de shortcodes o a trav├ęs de los ajustes del panel de control y permite incluir mensajes emergentes con sus nombres, enlaces o descripciones que puedes a├▒adir con el editor de WordPress.

Un ejempo:

Plugins para a├▒adir mapas en WordPress: Leaflet Map

#5 Google Map

Plugins para a├▒adir mapas en WordPress: Google Map

Google Map es un plugin para a├▒adir mapas de Google en WordPress, que permite personalizar la altura y el ancho del mapa, configurar el color de los bordes, activar y desactivar sus controles, encontrar ubicaciones escribiendo la direcci├│n (autocompletado), cambiar el idioma del mapa o colocar un marcador animado entre otras opciones.

Plugins para a├▒adir mapas en WordPress: Google Map

#6 Basic Interactive World Map

Plugins para a├▒adir mapas en WordPress: Basic Interactive World Map

Basic Interactive World Map permite a├▒adir mapas interactivos en WordPress y personalizar sus colores, as├ş como los enlaces y la descripci├│n de cada continente.

Dispone de un panel de administración muy fácil de usar, que no requiere de conocimientos de código o programación. Simplemente tienes que pegar el shortcode que genera el plugin en cualquier página o entrada para mostrar el mapa en WordPress.

Un ejemplo:

Plugins para a├▒adir mapas en WordPress: Basic Interactive World Map

#7 MapPress (Maps for WordPress)

Plugins para a├▒adir mapas en WordPress: MapPress Maps for WordPress

MapPress ofrece la posibilidad de a├▒adir mapas interactivos de Google y Leaflet a WordPress.

Puedes crear mapas ilimitados e integrarlos utilizando tanto el editor clásico como el nuevo editor de bloques (Gutenberg).

Además, este plugin dispone de una versión pro con opciones extras como marcadores personalizados, mashups de búsqueda, clustering y mucho más.

Un ejemplo:

Plugins para a├▒adir mapas en WordPress: MapPress (Maps for WordPress)

#8 WP Google Map

Plugins para a├▒adir mapas en WordPress: WP Google Map

Por ├║ltimo, te quiero hablar de WP Google Map, que es otro plugin para insertar mapas personalizados de Google en WordPres.

Es totalmente personalizable y, como la mayor├şa de plugins que te he mostrado, se integra v├şa shortcode. Tambi├ęn dispone de una versi├│n premium con funcionalidades extras.

C├│mo insertar un mapa de Google Maps en WordPress


Y como tip final, quiero explicarte cómo insertar un mapa de Google Maps en WordPress de forma manual, sin necesidad de plugins, si lo que requieres es algo sencillo y con los mapas estándares de Google te es suficiente.

Si ese es tu caso, debes seguir los siguientes pasos:

1. Buscas el lugar, negocio o ficha en Google Maps (en mi caso, por ejemplo, un hotel).

C├│mo insertar un mapa de Google Maps en WordPress

2. Clicas en Compartir > Insertar un mapa:

C├│mo insertar un mapa de Google Maps en WordPress

3. Seleccionas el tama├▒o (peque├▒o, mediano o grande) y ajustas la ubicaci├│n con los controladores seg├║n donde quieres que aparezca en el mapa. Mi consejo es que aparezca centrado.

C├│mo insertar un mapa de Google Maps en WordPress

4. Cuando lo tengas ubicado correctamente, clicas en Copiar HTML para llevar el código iframe a WordPress. Automáticamente queda seleccionado y el fondo cambia a azul.

C├│mo insertar un mapa de Google Maps en WordPress

5. Solo te queda pegarlo en el lugar de tu web que quieres que se muestre. Para ello, puedes hacerlo de diferentes formas:

  • Pegando el c├│digo en el editor cl├ísico de texto.
  • A├▒adir un nuevo bloque de HTML en Gutenberg.
  • Si usas un editor visual para maquetar tus p├íginas (Divi en mi caso), puedes pegarlo en un m├│dulo de c├│digo.

Este ser├şa el resultado s├ş pegas el c├│digo que has copiado de Google, pero a├║n puedes hacerle alguna modificaci├│n para cambiar su tama├▒o:

Si te fijas en el c├│digo, hay una parte donde puedes cambiar el ancho (width) y el alto (height).

C├│mo insertar un mapa de Google Maps en WordPress

Simplemente, tienes que modificar el ancho por 100% e indicar el alto que necesites seg├║n el dise├▒o o maquetaci├│n de tu web. En mi caso, he cambiado los valores por 100% para que ocupe ancho completo y 400px de alto:

C├│mo insertar un mapa de Google Maps en WordPress

Y aqu├ş puedes ver c├│mo queda este mapa de Google con ese peque├▒o ajuste en sus dimensiones:

Hasta aqu├ş este post en el que he recopilado 8 plugins para a├▒adir mapas en WordPress y tambi├ęn te he explicado c├│mo insertar manualmente un mapa de Google Maps en tu web. Solo te queda elegir la opci├│n que mejor se adapte tus necesidades y a las de tu proyecto.

Summary
­čŚ║ Plugins para a├▒adir mapas interactivos en WordPress
Article Name
­čŚ║ Plugins para a├▒adir mapas interactivos en WordPress
Description
Recopilaci├│n de 8 plugins para a├▒adir mapas en WordPress. Tambi├ęn te explico c├│mo insertar un mapa de Google Maps en tu web.
Author
Publisher Name
Max Camu├▒as
Publisher Logo

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Para cumplir con el nuevo RGPD y que tus datos est├ęn a salvo, debes leer y aceptar mi pol├ştica de privacidad. Tus datos ser├ín guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

¿Necesitas una página web, blog, landing o tienda online?
¡PIDE TU
PRESUPUESTO!

Dise├▒a
tu web

Dise├▒a
tu imagen

Impulsa
tu proyecto

Optimiza
y posiciona

masterclass

10 CLAVES PARA QUE TU WEB BRILLE CON LUZ PROPIA

MASTERCLASS: 10 claves para que tu web brille con luz propia

gu├şa

PARA DISE├ĹAR LOGOTIPOS MEMORABLES

GU├ŹA para dise├▒ar logotipos memorables