google—MAP动态加载地图

最新推荐文章于 2024-05-06 15:08:55 发布

meilanhao

最新推荐文章于 2024-05-06 15:08:55 发布

阅读量974

点赞数

文章标签： google javascript function xhtml html api

本文链接：https://blog.csdn.net/meilanhao/article/details/3125271

版权

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&v=2&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 οnlοad="showAddress('<%=address%>')" οnunlοad="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

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