Categorías
google maps página web portfolio wordpress

Cómo insertar un mapa de Google Maps en una entrada de WordPress

Lo primero que se debe hacer es ingresar a https://maps.google.com  y autenticarnos con nuestro usuario y  contraseña de gmail.

Una vez adentro presionamos el Botón Menú que se encuentra a la izquierda de la casilla de búsqueda titulada «Buscar en Google Maps» y vamos a la opción «My Maps»

INgresar a my maps en Google Maps

Del nuevo menú que nos aparece, seleccionamos la opción «Crear Mapa»
[sociallocker]
Crear un nuevo mapa para mi página web

Al presionar Crear mapa Google Maps nos llevará a la siguiente ventana en donde ubicaremos ubicaremos el punto a marcar en el mapa. Para el ejemplo buscamos: Bodereau 1299, Villa Allende, Córdoba, Argentina

marcar punto en google maps

El punto verde no indica la ubicación encontrada (el centro del mapa) pero debemos marcar un punto en el mapa para que nuestro público vea en la página web el mapa. El punto se marca desde la herramienta marcada en la imagen anterior.

descripcion de un punto en google maps

Ya creado el punto procedemos a ponerle un título y una descripción. Además se pueden agregar fotos. Hay que tener en cuenta que este mapa y esta descripción son particulares para este mapa, no estamos cargando un negocio/empresa en google. Para ingresar un negocio o página web a Google y que sea ubicado en los mapas debemos configurarlo desde Google My Business.

compartir mapa e insertar en mi página web

Una vez copiado el código de inserción que nos da google maps iremos a nuestra página web a insertarlo. Para ello ingresamos al panel de control de WordPress, editaremos la entrada  en donde queremos colocar nuestro mapa, pasaremos el editor de la entrada wordpress a modo texto y pegaremos el código que nos da google en donde queremos que aparezca el mapa.

insertar codigo de google maps en wordpress

Al darle actualizar a la entrada veremos en nuestra página web hecha en wordpress el mapa de google que insertamos con el punto marcado y la descripción.

Si deseamos modificar el tamaño del mapa, editamos la opciones width y height que están en el código copiado desde google maps.[/sociallocker]