How to Create a Google Maps API in HTML Web Page


Today I’m Glad to share the article with the topic is Creat a google API map in HTML working on the web page.

Many websites to created in the web page like coding added HTML or CSS. The web page to show the advertisements or landing page are created in HTML or CSS.

How to create Google API map in HTML web page.

See these tags or code and create google API map on your web page so let’s start.

before I start I am telling you this map is very important for your website because some peoples are watching you place and give you comment, and see daily this is very good for SEO as well. so don’t’ forget

Now see coding.

And starts.

<html>    <body>          <h1>wikiwon office</h1>          <div id="map" style="width:400px;height:400px;background:yellow"></div>          <script>    function myMap() {      var mapCanvas = document.getElementById("map");      var mapOptions = {        center: new google.maps.LatLng(51.5, -0.2), zoom: 10      };      var map = new google.maps.Map(mapCanvas, mapOptions);    }    </script>          <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>                </body>    </html>

Now friends after this coding see the result.

This is the result I hope you understand how to create google API map on your web page so please like share a comment and share with others this knowledge thank you.

Hope you like this article, if you did make sure you give it a thumbs up and a good comment down below.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge