Wednesday, June 22, 2016

Google Maps Tutorials for Beginners

Google Maps Tutorials for Beginners

Google Maps is a free Javascript API that allows you to integrate google Maps in your Webssite or mobile applicaation.Google Maps provides various types of geographical information. Google Maps has a JavaScript API to integrate and customize maps and display on your webpages. This Article is about Google Maps API (Application Programming Interface). Google Maps Tutorials for Beginners explains how you can integrate Google Maps on your webpages.

There are many ways to add a Google Map on your web page. Google offers a variety of maps you can use according to your needs.

Basic Example of Google Map without API Key

<!DOCTYPE html>
<html>

   <head>
      <script src = "http://maps.googleapis.com/maps/api/js"></script>
      
      <script>
         function loadMap() {
   
            var mapOptions = {
               center:new google.maps.LatLng(20.593684, 78.96288), zoom:12,
               mapTypeId:google.maps.MapTypeId.ROADMAP
            };
    
            var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap()">
      <div id = "sample" style = "width:570px; height:580px;"></div>
   </body>
   
</html>
for Detailed information Visit Google API Console

0 comments:

Post a Comment