Google Map API 应用实例说明.docVIP

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