Google map
We are known about Google Map. It is a web mapping service developed by Google. Google Maps that offers satellite imagery and street maps. It will offer 360° panoramic views of streets and real-time traffic conditions. It gives us big offers to route planning for traveling by foot, car, and bicycle.
In this tutorial, I will help you to use Google Maps API in an HTML page. API means Application Programming Interface. The Google Maps API allows displaying maps on your website.
This tutorial I am using Google MAP API under the iframe. It’s easy to use in your web page.
Add a map with a basic web page:
Here we create a basic web page. Inside the web page we add the iframe of google map.
<!DOCTYPE html> <html> <body> <h1>Google Map</h1> <div class="row"> <div class="map-container"> <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=Rashmoni Ave, Maidan, Kolkata, West Bengal 700069, India, &t=&z=14&ie=UTF8&iwloc=&output=embed"></iframe> </div> </div> </body> <html>
Change your address:
This is the demo map. You can change your address inside the iframe url.
q=Rashmoni Ave, Maidan, Kolkata, West Bengal 700069, India,
Conclusion
In this article you’ve seen how to integrate google map in web page. Now every business website want to add google map into their site. I hope this tutorial is very helpful for them. If you like this, you can share it to social media.