¿Cómo Insertar Un Mapa de Google Maps en WordPress?

¿Cómo insertar un mapa de Google Maps en WordPress?

Categorias: Wordpress

Hoy en día es bastante común encontrarnos con un mapa descriptivo en muchas páginas web. Ya seauna indicación sobre el cómo llegar a nuestro negocio, una localización de los mejores restaurantesde la zona o incluso la ruta en bicicleta programada para el �n de semana, la aplicación Maps deGoogle es la más utilizada en este sentido. Hoy vamos a aprender cómo integrar un mapa enWordPress.

¿Cómo insertar un mapa de Google Maps en WordPress?

Accedemos a Google Maps y buscamos una dirección cualquiera en la barra de búsqueda.

Una vez buscada nuestra geolocalización, en la parte baja de la pantalla veremos el icono de unarueda dentada, en la que haremos click para después seleccionar la opción “Compartir e insertarmapa”:

Se nos abre una ventanita nueva en la que se nos brindan dos opciones:

Compartir enlace: este enlace es lo mismo que tenemos en nuestra barra de navegación. Podríamoscopiarlo y pegarlo en nuestra entrada para generar así un link al mapa que se abriría en nuestronavegador.

https://www.hostinet.com/formacion/wordpress/como-insertar-mapa-google-maps-wordpress/

13/10/2015 11:26 a.m.

Esta solución es muy provisional y nada práctica para nuestros visitantes. Nosotros queremos que elpropio mapa quede embebido en nuestro artículo. Para ello, seleccionaremos la segunda opción.

Insertar mapa: en esta sección nos encontramos el código para embeber un mapa en nuestrapublicación. En la pestañita en la que por defecto aparece “Mediano” podemos escoger el tamaño delmapa que queremos publicar entre tres tamaños predeterminados (Pequeño, Mediano y Grande), eincluso podemos darle el tamaño del mapa en píxeles escogiendo la opción “Tamaño personalizado”.

Una vez tengamos el código copiado, lo tendríamos que añadir en nuestra publicación vía código.Para ello, hacemos click en la pestaña “Texto” de nuestro editor para que este nos permita introducirtexto con etiquetas e introducimos el código copiado de Google Maps en el lugar escogido.

Publicamos la entrada y ya tendríamos el mapa interactivo embebido en nuestro artículo. Elresultado sería el siguiente:

https://www.hostinet.com/formacion/wordpress/como-insertar-mapa-google-maps-wordpress/

13/10/2015 11:26 a.m.

Datos de mapas ©2015 Google, Inst. Geogr. NacionalInformar de un error de Maps

Hostinet

Hurtado de Amézaga Kalea, 20,48008 Bilbao, Bizkaia

Cómo ll Guardar

3 reseñasAmpliar el mapa

...

https://www.hostinet.com/formacion/wordpress/como-insertar-mapa-google-maps-wordpress/

13/10/2015 11:26 a.m.

https://www.hostinet.com/formacion/wordpress/como-insertar-mapa-google-maps-wordpress/

13/10/2015 11:26 a.m.