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.

You May Also Like

About the Author: mujeer

WikiWon.com is a blog which aims to provide quality guidance to Bloggers, Webmasters, and Web Developers. It covers Free Web Development Resources, WordPress Tutorials, WordPress Plugins, WordPress How-to Guides, WordPress Page Speed Optimization, WordPress SEO, Android Tutorials, Android Applications and Much More. Within 6 months is about to hit 8000+ subscribers and still counting.

Atstāj atbildi

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti *

Optimizācija WordPress plug-in & Risinājumi pēc W3 EDGE