基于Google Map的使用指南及代码示例

4星 · 超过85%的资源 需积分: 9 225 下载量 105 浏览量 更新于2024-08-02 1 收藏 1.47MB PDF 举报
"GOOGLE MAP使用指南" Google Map是Google公司推出的一个在线地图服务,允许用户在网页中嵌入地图,并提供了丰富的API接口来实现地图的自定义和交互。下面是Google Map的使用方法目录: 一、申请帐号 要使用Google Map,首先需要申请一个Google的帐号,然后申请一个KEY值,例如ABQIAAAA60J1aMHLc2fRxXodkEmdMhQ4VqqvwwlsdKrY_t2tc9p2qPEFHBT0w6aUNfQTft8Yd-j3cgThOOUzjg。这个KEY值将被用来在网页中使用Google地图。 二、最基本的地图 申请帐号后,在网页文件中加入相应的代码,基本包括四个部分: 1. 对Google的调用。 2. 用于显示地图的对象。 3. 定义显示地图的函数。 4. 在BODY中加入显示地图的函数调用。 基本范例如下: ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>MyFirstMap</title> </head> <script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAA60J1aMHLc2fRxXodkEmdMhQ4VqqvwwlsdKrY_t2tc9p2qPEFHBT0w6aUNfQTft8Yd-j3cgThOOUzjg" type="text/javascript"></script> <body onload="initialize()" onunload="GUnload()"> ``` 三、加入标记点 在Google Map中,可以加入标记点来标记特定的位置。加入标记点需要使用Google Map的API接口,例如: ```javascript var marker = new GMarker(point); map.addOverlay(marker); ``` 四、加入自定义的标记点 除了使用Google Map提供的默认标记点外,还可以加入自定义的标记点。自定义的标记点可以是图片、图标或其他类型的对象。 五、为标记加入响应 可以为标记点加入响应事件,例如点击事件、mouseover事件等。响应事件可以使用JavaScript来实现。 六、控件 Google Map提供了多种控件,例如zoom控件、mapType控件等。这些控件可以用来控制地图的显示和交互。 七、在地图中加入信息框 可以在地图中加入信息框,例如气泡框、tooltip框等。信息框可以用来显示地图上的信息。 八、在地图中加入线信息 可以在地图中加入线信息,例如路线、边界线等。线信息可以用来显示地图上的关系。 九、获取坐标信息 可以使用Google Map的API接口来获取坐标信息,例如经度、纬度等。 十、分页窗口 可以在地图中加入分页窗口,例如弹出框、对话框等。分页窗口可以用来显示地图上的信息。 十一、通过XML生成标记 可以使用XML文件来生成标记点。XML文件可以包含标记点的信息,例如名称、坐标、描述等。 十二、建立一个自定义的覆盖对象 可以建立一个自定义的覆盖对象,例如自定义的标记点、自定义的控件等。自定义的覆盖对象可以用来扩展Google Map的功能。 十三、带级别的标记 可以使用Google Map的API接口来实现带级别的标记,例如根据标记点的级别来显示不同的图标或颜色。 十四、加入多边形 可以在地图中加入多边形,例如polygon、polyline等。多边形可以用来显示地图上的区域或边界。 十五、加入图片 可以在地图中加入图片,例如卫星图像、街道图像等。图片可以用来显示地图上的视觉信息。 十六、带文字的标记 可以在地图中加入带文字的标记,例如标记点带有文字描述等。带文字的标记可以用来提供更多的信息。 Google Map是一个功能强大且灵活的在线地图服务,提供了丰富的API接口和控件来实现地图的自定义和交互。
2015-12-03 上传