Display geographical map with help of google map api in javascript

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <script src="http://maps.googleapis.com/maps/api/js"></script>  
  5.     <script>  
  6.         function initializeMAP() {  
  7.             var mapproperties = {  
  8.                 center: new google.maps.LatLng(19.0760, 72.8777),  
  9.                 zoom: 10,  
  10.                 mapTypeId: google.maps.MapTypeId.ROADMAP//(map types =  ROADMAP,SATELLITE ,HYBRID ,TERRAIN)   
  11.             };  
  12.             var map = new google.maps.Map(document.getElementById("divMAP"), mapproperties);  
  13.         }  
  14.     </script>  
  15. </head>  
  16. <body onload="initializeMAP()">  
  17.     <div id="divMAP" style="width:500px;height:500px;" ></div>  
  18. </body>  
  19. </html>