【摘要】：下面通过实例来看一下如何在页面上显示一幅google地图，并且把用户的当前地理位置标注在地图上面。如果用户的位置发生改变，将把之前在地图上的标记自动更新到新的位置上。在页面中导入GoogleMapAPI的脚本文件，代码如下：设定地图的参数，代码如下：在本例中，将用户当前位置的经纬度设定为页面打开时Google地图的中心点。图12.3在Google地图上显示“我的位置”图12.4在另一个城市进行的测试
下面通过实例来看一下如何在页面上显示一幅google地图，并且把用户的当前地理位置标注在地图上面。如果用户的位置发生改变，将把之前在地图上的标记自动更新到新的位置上。
步骤如下：
（1）要在页面中使用Google地图，需要使用到GoogleMapAPI。在页面中导入GoogleMapAPI的脚本文件，代码如下：
<scripttype="text/javascript"src=http://maps.google.com/maps/api/js?sensor=false/>
（2）设定地图的参数，代码如下：
在本例中，将用户当前位置的经纬度设定为页面打开时Google地图的中心点。
（3）创建地图，并让其在页面中显示，代码如下：
（4）在地图上创建标记，代码如下：
//在地图上创建标记
varmarker=newgoogle.maps.Marker({(www.xing528.com)
（5）设置标注窗口，并指定该窗口中的注释文字，代码如下：
（6）打开标注窗口，代码如下：
//打开标注窗口
infoWindow.open(map1,marker);
其HTML5代码如下：
程序的运行效果如图12.3、图12.4所示。
图12.3 在Google地图上显示“我的位置”
图12.4 在另一个城市进行的测试
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
