{"id":8512,"date":"2014-10-09T13:40:16","date_gmt":"2014-10-09T11:40:16","guid":{"rendered":"https:\/\/www.hostinet.com\/?p=8512"},"modified":"2019-11-28T10:22:38","modified_gmt":"2019-11-28T08:22:38","slug":"como-insertar-mapa-google-maps-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-insertar-mapa-google-maps-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo insertar un mapa de Google Maps en WordPress?"},"content":{"rendered":"
<\/div>

Hoy en d\u00eda es bastante com\u00fan encontrarnos con un mapa descriptivo<\/strong> en muchas p\u00e1ginas web. Ya sea una indicaci\u00f3n<\/strong> sobre el c\u00f3mo llegar a nuestro negocio, una localizaci\u00f3n<\/strong> de los mejores restaurantes de la zona o incluso la ruta<\/strong> en bicicleta programada para el fin de semana, la aplicaci\u00f3n Maps<\/strong> de Google es la m\u00e1s utilizada en este sentido. Hoy vamos a aprender c\u00f3mo integrar un mapa<\/strong> en WordPress.<\/p>\n

[ninja-popup ID=13602] *\u00a0 AP\u00daNTATE GRATIS\u00a0<\/span><\/span> y recibiras m\u00e1s tutoriales como este para insertar mapas de Google en WordPress.\u00a0 CLICK AQU\u00cd <\/span><\/span>\u00a0<\/strong> [\/ninja-popup]<\/p>\n

\u00bfC\u00f3mo insertar un mapa de Google Maps en WordPress?<\/h2>\n

Accedemos a Google Maps<\/a> y buscamos una direcci\u00f3n cualquiera<\/a> en la barra de b\u00fasqueda<\/strong>.<\/p>\n

\"imagen<\/a><\/p>\n

Una vez buscada nuestra geolocalizaci\u00f3n<\/strong>, en la parte baja de la pantalla veremos el icono de una rueda dentada<\/strong>, en la que haremos click para despu\u00e9s seleccionar la opci\u00f3n \u201cCompartir e insertar mapa<\/strong>\u201d:<\/p>\n

\"imagen<\/a><\/p>\n

Se nos abre una ventanita nueva en la que se nos brindan dos opciones<\/strong>:<\/p>\n

Compartir enlace<\/strong>: este enlace es lo mismo que tenemos en nuestra barra de navegaci\u00f3n<\/strong>. Podr\u00edamos copiarlo y pegarlo en nuestra entrada para generar as\u00ed un link al mapa que se abrir\u00eda en nuestro navegador.<\/p>\n

\"imagen<\/a><\/p>\n

\"imagen<\/a><\/p>\n

Esta soluci\u00f3n es muy provisional y nada pr\u00e1ctica<\/strong> para nuestros visitantes. Nosotros queremos que el propio mapa quede embebido<\/strong> en nuestro art\u00edculo. Para ello, seleccionaremos la segunda opci\u00f3n<\/strong>.<\/p>\n

Insertar mapa<\/strong>: en esta secci\u00f3n nos encontramos el c\u00f3digo para embeber<\/strong> un mapa en nuestra publicaci\u00f3n<\/strong>. En la pesta\u00f1ita en la que por defecto aparece \u201cMediano\u201d podemos escoger el tama\u00f1o del mapa<\/strong> que queremos publicar entre tres tama\u00f1os predeterminados (Peque\u00f1o, Mediano y Grande), e incluso podemos darle el tama\u00f1o del mapa en p\u00edxeles escogiendo la opci\u00f3n \u201cTama\u00f1o personalizado<\/strong>\u201d.<\/p>\n

Una vez tengamos el c\u00f3digo copiado<\/strong>, lo tendr\u00edamos que a\u00f1adir en nuestra publicaci\u00f3n v\u00eda c\u00f3digo<\/strong>. Para ello, hacemos click en la pesta\u00f1a \u201cTexto<\/strong>\u201d de nuestro editor<\/strong> para que este nos permita introducir texto con etiquetas<\/strong> e introducimos el c\u00f3digo copiado de Google Maps en el lugar escogido.<\/p>\n

\"imagen<\/a><\/p>\n

Publicamos<\/strong> la entrada y ya tendr\u00edamos el mapa interactivo<\/strong> embebido en nuestro art\u00edculo. El resultado<\/strong> ser\u00eda el siguiente:<\/p>\n