GoogleMap设置位置图标，动态设置缩放值

最新推荐文章于 2022-10-20 16:15:00 发布

原创最新推荐文章于 2022-10-20 16:15:00 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #server #asp #null #function #div

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何利用Google Maps API v2实现基于Web的地图应用开发。主要内容包括申请API密钥、通过JavaScript设置地图的缩放级别及显示多个标记点，并在页面加载时触发地图初始化。适用于希望快速上手地图应用开发的前端开发者。

页面中位置：

<asp:Panel ID="myPanel" runat="server" >
                    <asp:Literal ID="myJs" runat="server"></asp:Literal>
                    <div id="map_canvas" style="width: 840px; height: 450px; margin-bottom: 2px">
                    </div>
                    <br />
                </asp:Panel>

1，申请key

我的key是，<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAATy2RIw0Z4cxTBApvlrCq19Yt__WZq7qrQ" type="text/javascript"></script>

2，缩放用js

<mce:script language="javascript" type="text/javascript"></mce:script>

3，在body中添加事件

这样就可以了