Google_MAP_API讲解.doc

Google Map API 谷歌地图 Michael Tian  目录 Google Map API 4 1基础知识 4 1.1 Google 地图 API 概念 4 1.2 Google 地图的“Hello, World” 4 1.2.1 加载 Google 地图 API 6 1.2.2 地图 DOM 元素 6 1.2.3 GMap2 - 基本对象 6 1.2.4 初始化地图 7 1.2.5 加载地图 7 2正向标注 8 2.1 Map2类 8 2.2谷歌可视化API 9 2.3 GClientGeocoder 类 9 构造函数 9 方法 9 2.4 GMarker 类 11 构造函数 12 方法 12 事件 12 2.5 GLatLng 类 13 构造函数 13 2.6函数 GDownloadUrl 13 2.7可拖动的标记 14 2.8手动标注 14 2.9自动标注 15 2.9.1随机生成 15 2.9.2读XML文件 17 3反向标注 19 3.1从Marker到列表 19 3.2从列表到Mark 20 4任意多边形 22 4.1 GPolyline 类 22 构造函数 22 方法 22 4.2 GLatLngBounds 类 23 构造函数 23 方法 23 4.3矩形选择 23 4.4可调的多边形 25 4.4.1样式设置 27 4.4.2顶点数据获取 27 4.5不可调的多边形 29 5自定义GMarker 29 5.1 GMarker添加文字 31 5.2添加滑动门效果 32 5.3自定义图片无效果 34 6地图控件与地图属性 34 控件概述 34 7空间数据类型 36 8参考资料 36 Google Map API 1基础知识 1.1 Google 地图 API 概念 欢迎阅读 Google 地图 API 开发人员文档！Google 地图 JavaScript API 使您可以在网页中嵌入 Google 地图。要使用该 API，您需要先注册以获取 API 密钥。收到 API 密钥之后，即可以按照本文档中的说明开发地图应用程序。 任何 Google 地图 API 应用程序中的基础元素都是“地图”本身。本文档讨论 GMap2 基础对象的用法和地图操作的基础知识。 Google 地图的“Hello, World” 开始学习 Google 地图 API 最简单的方式是看一个简单的示例。下面的网页显示以北京的故宫博物院为中心的 500x300 的地图。 !DOCTYPE html -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml head meta http-equiv=content-type content=text/html; charset=utf-8/ titleGoogle Maps JavaScript API Example/title script src=/maps?file=apiamp;v=2amp;key=abcdefgsensor=true_or_false type=text/javascript/script script type=text/javascript function initialize() { if (GBrowserIsCompatible()) { var map = new Map2(document.getElementById(map_canvas)); map.setCenter(new GLatLng(39.9493, 116.3975), 13); } } /script /head body onload=initialize() onunload=GUnload() div id=map_canvas style=width: 500px; height: 300px/div /body /html 您可以查看此示例及下载、编辑和调试该示例，但必须将该文件中的密钥替换为您自己的 Google 地图 API 密钥。（如果注册了特定目录的密钥，也可以将其用于所有子目录。） 程序运行效果图如下： 即使在此简单的示例中，也需要注意五点： 使用 script 标签包含 Google 地图 API JavaScript。 创建名为“map_canvas”的 d