Antes de empezar a explicar como insertar Gratis el MAPA de GOOGLE en wordpress quiero explicar, para aquellos que no saben o son nuevos en estos temas, ¿Qué es la API de Google Maps? En términos informáticos, una API (Interfaz de Programación de Aplicaciones por sus siglas en inglés) es un conjunto de normas que permiten a 2 sistemas diferentes entenderse o interactuar.
En otras palabras, podríamos decir que es una especie de API es el “Puente” que transforma los comandos de un programa a otro lenguaje o sistema y luego devuelve el resultado como respuesta.
Como muchos ya saben desde el 2017 Google está obligando a usar una clave privada para usar los servicios de su API. Y después, en 2018, decidió hacer la API de pago para cierto tipo de peticiones fuera de los mapas estándar.
Por tal motivos, si tienes una web con el sistema de gestión de contenidos de WordPress o si tienes plataformas constructoras como DIVI de Elegant Themes o Elementor es posible que hayas experimentado errores, como por ejemplo “no se ha podido realizar con éxito la geocodificación por el siguiente motivo: over_query_limit” o “no se ha podido realizar con éxito la geocodificación por el siguiente motivo: request_denied”.
Es por esto que presentamos un método para evitar los inconvenientes anteriormente expuestos, en un mini tutorial que muestra como insertar un mapa sin la necesidad de la API Key de G.Maps.
Vídeo de cómo insertar Gratis el MAPA de GOOGLE o sin cuenta de Facturación
Qué beneficios obtendremos con este recurso?
1.El nombre de tu empresa en el mapa de Google, insertado en tu web.
2.La calificación de nuestro negocio o comentarios de los seguidores de tu empresa.
3.El botón de cómo llegar a tu negocio.
4.Y lo mejor de todo, no pagaremos por el mapa, que al fin y al cabo debería ser como un derecho de la humanidad. 🧐
En este mini tutorial utilizaremos los siguientes recursos:
1.Registro en Google con el correo de Gmail. (casi todo el mundo lo tiene, y es gratis 😊)
2.Utilizaremos el sistema de gestión de contenidos CMS WordPress.
3.Utilizaremos la plataforma de Elegant Themes de Divi (opcional)
4.Módulo de código de WordPress o código divi
6.Iframe de Google maps.
7.Código CSS para modificar el tamaño del mapa.
Paso a paso para insertar el mapa de Google en un sitio web de manera gratuita:
1.En Google Maps buscamos la empresa o dirección que deseamos insertar.
2.Damos clic en el botón compartir.
3.vamos a la pestaña Insertar mapa
3.Copiamos el iframe del mapa de Google.
4.Damos clic en la pestaña de “Insertar un mapa” y copiamos el HTML.
5.Entramos a nuestro sistema de gestión de contenidos CMS WordPress.
6.Abrimos la página donde queremos insertar el mapa de google.
4.insertamos un módulo de código.
5.Digitamos el código para que el mapa sea responsive.
<div class=”map-responsive”>
Aquí se pega el iframe del mapa de google
</div>
6.Pegamos el iframe de google maps.
7.Por último Insertamos un poco de CSS para modificar el tamaño del mapa.
.map-responsive {
overflow:hidden;
padding-bottom:40%;
position:relative;
height:0;
}
.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
Espero haya sido de su agrado o sabe que algún amigo necesita este articulo no dudes en compartirlo.