google地图代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg"
            type="text/javascript"></script>
     <script type="text/javascript">
 //<![CDATA[
        var map;
    function load() {
      if (GBrowserIsCompatible()) {
     map = new GMap2(document.getElementById("map"));
         // define the crosshair tile layer and its required functions
var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
crossLayer.getTileUrl =  function(tile, zoom) {  return "./include/tile_crosshairs.png";}
crossLayer.isPng = function() {return true;}
// Create a new map type incorporating the tile layer
var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0], crossLayer ];
var mtTerCross = new GMapType(layerTerCross,  G_PHYSICAL_MAP.getProjection(), "Ter+");
var map = new GMap2(document.getElementById("map"),   { size: new GSize(640,320) } );
map.addMapType(G_PHYSICAL_MAP);
map.addMapType(mtTerCross);
map.setCenter(new GLatLng(37.4419, -122.1419), 4);
var mapControl = new GHierarchicalMapTypeControl();
// Set up map type menu relationships
mapControl.clearRelationships();
mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");
// Add control after you've specified the relationships
map.addControl(mapControl);
map.addControl(new GLargeMapControl());
         GDownloadUrl("http://thumap.27net.net/path.xml", function(data, responseCode){
    var xml=GXml.parse(data);
    if(!xml||!xml.documentElement)
    {
      alert("无效的xml");
      return;
    }
    var pathways=xml.documentElement.getElementsByTagName("path");
    for(var j=0;j<pathways.length;j++){
      var points=new Array();
      var pathpoints=pathways[j].getElementsByTagName("pathpoint");
      for(var i=0;i<pathpoints.length;i++){
        var location=pathpoints[i].firstChild.nodeValue.split(",");
        points.push(new GLatLng(location[0],location[1]));
      }
   map.setCenter(new GLatLng(pathpoints[0].firstChild.nodeValue.split(",")[0],pathpoints[0].firstChild.nodeValue.split(",")[1]),15,G_SATELLITE_MAP);
      map.addOverlay(new GPolyline(points));
    }
  });
    }
   }
var showpath=function(){
 
}

 //]]>
 </script>

  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

posted @ 2008-08-22 16:05  XGU_Winner  阅读(1272)  评论(0)    收藏  举报