加載Google Map

最新推荐文章于 2024-04-09 11:32:57 发布

原创最新推荐文章于 2024-04-09 11:32:57 发布 · 834 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#google #javascript #server #action

Gppgle Map 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何利用GMap2 API在网页中嵌入并显示地图，包括地图初始化、设置中心点坐标及缩放级别等关键步骤。

源代碼:

 
 <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script src="<%=mapKey%>" type="text/javascript"></script>
    <script language="javascript" type="text/javascript"> 
function initialize() {
  if (GBrowserIsCompatible()) {
    document.getElementById("mapPanel").style.display="block";      
    var map = new GMap2(document.getElementById("mapPanel"));
    var center = new GLatLng(39,116);
    map.setCenter(center,10);
    map.addControl(new GLargeMapControl());
    var marker = new GMarker(center, {draggable: false});   
    map.addOverlay(marker);
  }
}
    </script>
</head>
<body onload="initialize();" onunload="GUnload()">
    <form id="Form2" runat="server" action="">
        <div id="mapPanel" style="width: 500px; height: 300px;">
        </div>
    </form>
</body>
</html>