Como insertar un mapa de google maps con ancho completo en Divi SIN API

google maps con ancho completo en Divi SIN API

En este tutorial aprenderás a crear un #googlemaps responsivo y a insertarlo en el módulo de #divithemes con un ancho completo y del tamaño que lo necesites.

Teoria

Sabemos muy bien que Google ahora está vendiendo las API de los mapas por eso cuando tratamos insertar o colocar un mapa en nuestro theme divi, nos da un error por ejemplo:

1.- No se ha podido realizar con éxito la Geocodificación por el siguiente motivo: over_query_limit.

2.- No se ha podido realizar con éxito la Geocodificación por el siguiente motivo: request_denied

entre otros problemas, para activar el mapa de Google ahora tenemos que ingresar nuestra tarjeta de crédito para obtener la API y usarla después nos cobraran dinero.

Por eso hice este tutorial para saber como insertar un mapa sin la necesidad de la API de google maps.

Aparte obtenemos otros beneficios como:

1.- El nombre de la empresa
2.- La calificación de nuestro negocios
3.- como llegar

Instrucciónes

1.- Utilizaremos nuestro theme divi que ya debemos de tenerlo
2.- instalado en WordPress
3.- ocuparé el módulo de code / código divi
4.-obtenemos #Iframe de Googlemaps
5.- creamos una fila y una columna del tamaño que necesitemos
6.- insertamos nuestro Iframe / mapa Google
7.- un poco de CSS

Código CSS y Jquery Módulo Divi

Copia y pega
[sociallocker id="5302"][/sociallocker]
Shares