document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>Google Maps AJAX + mySQL/PHP Example</title>
  6.     <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAR0TWf73rulOP_SnETQPFKxRj5djmSsmVAgDaRb1psFcJlThRhxSjxifqM96NjrBsBn2XrZWSE-QQqQ"
  7.       type="text/javascript"></script>
  8.     <script type="text/javascript">
  9.     //<![CDATA[
  10.  
  11.    var iconBlue = new GIcon();
  12.    iconBlue.image = \'http://labs.google.com/ridefinder/images/mm_20_blue.png\';
  13.    iconBlue.shadow = \'http://labs.google.com/ridefinder/images/mm_20_shadow.png\';
  14.    iconBlue.iconSize = new GSize(12, 20);
  15.    iconBlue.shadowSize = new GSize(22, 20);
  16.    iconBlue.iconAnchor = new GPoint(6, 20);
  17.    iconBlue.infoWindowAnchor = new GPoint(5, 1);
  18.  
  19.    var iconRed = new GIcon();
  20.    iconRed.image = \'http://labs.google.com/ridefinder/images/mm_20_red.png\';
  21.    iconRed.shadow = \'http://labs.google.com/ridefinder/images/mm_20_shadow.png\';
  22.    iconRed.iconSize = new GSize(12, 20);
  23.    iconRed.shadowSize = new GSize(22, 20);
  24.    iconRed.iconAnchor = new GPoint(6, 20);
  25.    iconRed.infoWindowAnchor = new GPoint(5, 1);
  26.  
  27.    var customIcons = [];
  28.    customIcons["dorm"] = iconBlue;
  29.    customIcons["academic"] = iconRed;
  30.  
  31.    function load() {
  32.      if (GBrowserIsCompatible()) {
  33.        var map = new GMap2(document.getElementById("map"));
  34.        map.addControl(new GSmallMapControl());
  35.        map.addControl(new GMapTypeControl());
  36.        map.setCenter(new GLatLng(40.806992,-73.962799), 17);
  37.  
  38.        // Change this depending on the name of your PHP file
  39.        GDownloadUrl("sample.xml", function(data) {
  40.          var xml = GXml.parse(data);
  41.          var markers = xml.documentElement.getElementsByTagName("marker");
  42.          for (var i = 0; i < markers.length; i++) {
  43.            var name = markers[i].getAttribute("name");
  44.            var address = markers[i].getAttribute("address");
  45.            var type = markers[i].getAttribute("type");
  46.            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
  47.                                    parseFloat(markers[i].getAttribute("lng")));
  48.            var marker = createMarker(point, name, address, type);
  49.            map.addOverlay(marker);
  50.          }
  51.        });
  52.      }
  53.    }
  54.  
  55.    function createMarker(point, name, address, type) {
  56.      var marker = new GMarker(point, customIcons[type]);
  57.      var html = "<b>" + name + "</b> <br/>" + address;
  58.      GEvent.addListener(marker, \'click\', function() {
  59.        marker.openInfoWindowHtml(html);
  60.      });
  61.      return marker;
  62.    }
  63.    //]]>
  64.   </script>
  65.   </head>
  66.  
  67.   <body onload="load()" onunload="GUnload()">
  68.     <div id="map" style="width: 1000px; height: 600px"></div>
  69.   </body>
  70. </html>
');