谷歌地图开发_api教程

谷歌地图开发_api教程

ID:1273322

大小:454.00 KB

页数:58页

时间:2017-11-09

谷歌地图开发_api教程_第1页
谷歌地图开发_api教程_第2页
谷歌地图开发_api教程_第3页
谷歌地图开发_api教程_第4页
谷歌地图开发_api教程_第5页
资源描述:

《谷歌地图开发_api教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、开发人员指南地图基础知识1简介2Google地图的“Hello,World”2加载Google地图API2地图DOM元素2GMap2-基本对象2初始化地图2加载地图3经度和纬度4地图属性5地图交互6信息窗口简介任何Google地图API应用程序中的基础元素都是“地图”本身。本文档讨论GMap2基础对象的用法和地图操作的基础知识。Google地图的“Hello,World”开始学习Google地图API最简单的方式是看一个简单的示例。下面的网页显示以北京的故宫博物院为中心的500x300的地图。

2、TYPEhtml"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">GoogleMapsJavaScriptAPIExample

3、ptsrc="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"type="text/javascript">functioninitialize(){if(GBrowserIsCompatible()){varmap=newGMap2(document.getElementById("map_canvas"));m

4、ap.setCenter(newGLatLng(39.9493,116.3975),13);}}

您可以查看此示例及下载、编辑和调试该示例,但必须将该文件中的密钥替换为您自己的Google地图API密钥。(如果注册了特定目录的密钥,也可以将

5、其用于所有子目录。)即使在此简单的示例中,也需要注意五点:1使用script标签包含Google地图APIJavaScript。2创建名为“map_canvas”的div元素来包含地图。3编写JavaScript函数创建“map”对象。4将地图的中心设置为指定的地理点。5从body标签的onLoad事件初始化地图对象。下面说明了这些步骤。加载Google地图API

6、true_or_false"type="text/javascript">http://ditu.google.cn/maps?file=api&v=2&key=abcdefg网址指向包含使用Google地图API所需所有符号和定义的JavaScript文件的位置。您的页面必须包含指向此网址的script标签,使用注册API时收到的密钥。在此示例中,该密钥显示为“abcdefg”。请注意,我们也传递sensor参数以指明此应用程序是否使用传感器来确定用户位置。在此示例中,我们将其设为变

7、量“true_or_false”以强调您必须显式地将此值设置为true或false。地图DOM元素

要让地图在网页上显示,必须为其留出一个位置。通常,我们通过创建名为div的元素并在浏览器的文档对象模型(DOM)中获取此元素的引用执行此操作。在上述示例中,我们定义名为“map_canvas”的div,并使用样式属性设置其尺寸。地图会自动使用容器尺寸调整自身的尺寸,除非使用构造函数中的GMap

8、Options显式地为地图指定尺寸。GMap2-基本对象varmap=newGMap2(document.getElementById("map_canvas"));GMap2类是表示地图的JavaScript类。此类的对象在页面上定义单个地图。(可以创建此类的多个实例,每个对象将在页面上定义一个不同的地图。)我们使用JavaScriptnew操作符创建此类的一个新实例。当创建新的地图实例时,在页面中指定一个DOM节点(通常是div元素)作

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签