¿Cómo añadir Google Map en WordPress?

Google Maps es uno de los servicios de Google más populares. Si desea mostrar la ubicación de su empresa en su sitio web, entonces utilice Google Map.

¿Cómo añadir google map en WordPress?

WordPress te permite publicar muchos tipos de contenido, pero ¿qué hay de Google Map? Por supuesto que es posible. Básicamente tienes 3 maneras de poner Google Map en el sitio web de WordPress.

Incrusta Google Map en el tema de WordPress

Primero, vaya a https://google.com/maps y busque el lugar que desee mostrar en el mapa. Haga clic en el botón Compartir y en la ficha Insertar mapa.

También puede seleccionar el área, abrir el menú y hacer clic en Compartir o insertar mapa.

En la pestaña de incrustar mapa puede ajustar el tamaño del mapa y copiar el código:

Una vez que tengas el código de Google Map, sólo tienes que pegar el código en el post de WordPress o en el contenido de la página de WordPress.

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d136952.86471617382!2d-73.7315952209248!3d40.66825410329051!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2spl!4v1474031091096" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Recuerda cambiar el tipo de editor de WordPress por texto antes. Si quieres mostrar Google Map en el widget de WordPress, ve a Apariencia > Widgets, elige el widget de Texto y añádelo a la barra lateral. Después puede pegar el código en Contenido y Guardar configuración.

Plugin de Google Maps para WordPress

También puede utilizar el plugin para mostrar Google Maps en WordPress. Uno de los más populares es WP Google Maps.

Después de la instalación y activación, simplemente vaya a Mapas para crear varios mapas y administrar todos los ajustes disponibles.

Se le permite cambiar los tipos de mapas, temas, coordenadas, nivel de zoom, crear tooltips, marcadores, etc. El plugin es muy potente y fácil de configurar.

Una vez finalizada la configuración de los ajustes, copie el código abreviado y péguelo en el lugar donde desea mostrar el mapa.

Opcionalmente también puede utilizar el widget de WP Google Maps para mostrar el mapa en las barras laterales.

Atajos de Google Maps en WordPress

La mayoría de nuestros temas de WordPress utilizan el código abreviado de WordPress para Google Maps. Puede escribir un código abreviado de WordPress con parámetros:

  • address
  • latitude : number
  • longitude : number
  • width: PX or %
  • height: PX or %
  • enablescrollwheel: true / false
  • disablecontrols: ture / false
  • zoom : 0 – 23
  • tooltip : enable / disable

Ejemplo de uso:

[map address=»New York City»]

[map latitude=»51.519011″ longitude=»-0.116958″ width=»100%» height=»300px»]

[map address=»London» zoom=»12″ enablescrollwheel=»false»]

Recuerde que la API de Google Maps debe estar cargada para poder utilizar los códigos abreviados incorporados.

Algunos de los proveedores de temas tienen la opción para ese propósito o cargan esta api automáticamente:

Desde el 22 de junio de 2016 Google requiere autenticación. Necesita proporcionar la clave de API si desea utilizar Google Maps en su página.

Puede obtener la clave de API gratuita en la Consola de API de Google : https://developers.google.com/maps/documentation/javascript/get-api-key

Copiar código y pegar en las opciones de tema:

Esperamos que este breve artículo le ayude en la publicación de Google Maps en su sitio.

¿Qué te ha parecido?
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Deja una respuesta