Do you want to embed Google Maps as simply as possible ? Working with a simple HTML code from the Divi Builder, this solution makes it possible to dispense with the procedure for obtaining an API key.
1. Go to Google Maps
You should then find the exact location you want to share on your website and zoom in until you clearly see the location on the map.
Click on the “Share” menu button at the top left of your screen to see the option and then click on the “Embed a map” option.
A window will then open where you will see two tabs named “Send a link” and “Embed a map”. Choose the “Embed a map” tab and you will find an HTML code there.
Copy this HTML code by clicking “COPY HTML”:
Here is what this code looks like, which varies according to the locations of Google Maps:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
4. Go to Your Website
Now go to your website where you want to display the map. You must paste your Html code in the CODE Module of the Divi Builder (Content > Text). Validate. The map will then be displayed on your page:
5. Adjusting the map size in Divi
You can easily change the size of the map by manually modifying the “width and “height” values contained in the HTML code you have just obtained.
More tips are available here.