Google Map to website is one of the best features of Google company in which we will use the same Google Map in our HTML codes to show the location in the website. It is mostly used for company websites to indicate where they are located. HTML is required for companies to find and set the longitude and latitude for geolocations using the JavaScript language.
Add Google Map to Website
It’s easy to add Google Maps to a webpage using UMaine’s new web theme, but it requires a small adjustment to the embed code.
- Go to Google Maps.
- In the Search Google Maps text box, type the address of the location you want to show on your website.
- When the map appears, click the share icon.
- Select the Embed tab on the Share window.
- Finally, Click on Copy HTML.
Read Also: How to Track Website Visitors to Your WordPress site
Paste Copied code where you want to display your map.
Example:
<iframe src="https://www.google.com/maps/embed?pb=!1m22!1m8!1m3!1d55657.146017597544!2d71.5261027!3d29.3242389!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d29.334232399999998!2d71.57822639999999!4m5!1s0x393bbdfad69f3b57%3A0xfd9fc7b1d208cafa!2ssoft%20codeon!3m2!1d29.3260309!2d71.5656808!5e0!3m2!1sen!2s!4v1639930228530!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
In our future article, we will discuss how to add a map by using API. I hope you like this post if you have any questions please comment below.