Post
Ask Question

Google Map with Address by using PHP

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Untitled Document</title>  
  6. <style type="text/css">  
  7. html, body, #map-canvas { height: 100%; margin: 0; }  
  8. </style>  
  9. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  
  10. <script type="text/javascript">  
  11. var geocoder;  
  12. var map;  
  13. var address ="<?php echo "Sector 60 Noida"; ?>";  

  15. function initialize()
  16. {  
  17.       geocoder = new google.maps.Geocoder();  
  18.       var latlng = new google.maps.LatLng(-34.397, 150.644);  
  19.       var myOptions = {  zoom: 15,  center: latlng,  mapTypeControl: true,  
  20.                          mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},  
  21.                          navigationControl: true,  
  22.                          mapTypeId: google.maps.MapTypeId.ROADMAP };
     
  23.       map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);  
  24.       if (geocoder)
  25.       {  
  26.             geocoder.geocode( { 'address': address}, 
  27.             function(results, status) 
  28.             {  
  29.                   if (status == google.maps.GeocoderStatus.OK)
  30.                   {
  31.                         if (status != google.maps.GeocoderStatus.ZERO_RESULTS)
  32.                         {  
  33.                               map.setCenter(results[0].geometry.location);  
  34.                               var infowindow = new google.maps.InfoWindow(  
  35.                               { content: '<b>'+address+'</b>',  
  36.                               size: new google.maps.Size(150,50)});  
  37.                               var marker = new google.maps.Marker({  
  38.                               position: results[0].geometry.location,  
  39.                               map: map,  
  40.                               title:address });  
  41.                               google.maps.event.addListener(marker, 'click', 
  42.                               function()
  43.                               {
  44.                                    infowindow.open(map,marker);  
  45.                               });  
  46.                          }
  47.                          else
  48.                          {  
  49.                               alert("No results found");  
  50.                          }  
  51.                   } 
  52.                   else
  53.                   {
  54.   
  55.                         alert("Geocode was not successful for the following reason: " + status);  
  56.                   }  
  57.             });  
  58.       }  
  59. }  
  60. </script>  
  61. </head>  
  62. <body onload="initialize();">  
  63. <div id="map-canvas"></div>  
  64. </body>  
  65. </html>