google—MAP动态加载地图

来源:互联网 发布:淘宝日韩代购福建 编辑:程序博客网 时间:2024/05/22 14:01
 

google—MAP动态加载地图

<!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=ABQIAAAA6ZhOVKR0uO3WAxXvZM1YLBT6thTC4XL6Gjko5_ckcF9hvoLS0BTiHng8lzvDMxFIuqHQyTrmIgDieA"
      type="text/javascript"></script>-->
 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA6ZhOVKR0uO3WAxXvZM1YLBRVxEj8IBgkmKmw82d86i7_rg1XnBQMac088LrYuU3KRpgfh9P4N-U-bw"
      type="text/javascript"></script>
    <script language="javascript">
  function showAddress(address)
  {
  
   var map = new GMap2(document.getElementById("map"));
   map.addControl(new GSmallMapControl());
   map.addControl(new GMapTypeControl());
   var geocoder = new GClientGeocoder();
   geocoder.getLatLng(address,function(point)
   {
   if (!point)
   {
    alert(address + " not found");
   }
    else
     {
        map.setCenter(point, 15);
        var marker = new GMarker(point);
        map.addOverlay(marker);
        marker.openInfoWindowHtml(address);
   }
   }
  );

     }
 
</script>
  </head>
  <%
  address=request.QueryString("address")
  %>
  <body onload="showAddress('<%=address%>')" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

要加载的页面要加IFREAM 来调用上面的函数