google地图之api介绍.doc

google地图之api介绍.doc

ID:12714443

大小:1.09 MB

页数:99页

时间:2018-07-18

google地图之api介绍.doc_第1页
google地图之api介绍.doc_第2页
google地图之api介绍.doc_第3页
google地图之api介绍.doc_第4页
google地图之api介绍.doc_第5页
资源描述:

《google地图之api介绍.doc》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、GoogleMapsJavaScriptAPIV3辅导手册注意:以下网页中提到的GoogleMapsJavaScriptAPI第3版现在是正式的JavaScriptAPI版本。该API的第2版已根据我们的弃用政策正式弃用。欢迎您将代码移植到这个功能更强、最近更新的版本中!1.简介2.GoogleMaps的“世界,您好”1.载入GoogleMapsAPI第3版2.地图DOM元素3.地图选项4.google.maps.Map-基本对象5.载入地图3.纬度和经度4.地图类型简介任何GoogleMaps第3版API应用程序中的基本

2、元素都是“地图”本身。本文介绍了google.maps.Map基础对象的用法和地图操作的基础知识。(如果您已经学习了第2版的辅导手册,您会发现,这两版辅导手册中的很多内容都是相同的。但两者之间也会有些区别,因此,请仔细阅读本文。)GoogleMaps第3版的“Hello,World”初步了解GoogleMapsAPI的最简单方法就是看一个简单的示例。以下网页显示了以澳大利亚新南威尔士的悉尼为中心的一个地图:  

3、0,user-scalable=no"/>    functioninitialize(){   varlatlng=newgoogle.maps.LatLng(-34.397,150.644);   varmyOptions={    zoom:8, 

4、   center:latlng,    mapTypeId:google.maps.MapTypeId.ROADMAP   };   varmap=newgoogle.maps.Map(document.getElementById("map_canvas"),myOptions);  }      

  

5、ml>查看示例(map-simple.html)即使在这个简单的示例中,也有几点需要注意:1.使用script标记来加入MapsAPIJavaScript。2.我们创建一个名为“map_canvas”的div元素来承载该地图。3.创建Javascript对象常量以保存若干地图属性。4.编写Javascript函数以创建“map”对象。5.我们从body标记的onload事件初始化该地图对象。下文说明了这些步骤。载入GoogleMapsAPI  

6、"initial-scale=1.0,user-scalable=no"/> http://maps.google.com/maps/api/js网址指向Javascript文件所在的位置,该文件会载入使用第3版GoogleMapsAPI所需的全部符号和定义。您的网页必须包含指向该网址的script标签。此标头中

7、的标签会指定如下内容:即应当以全屏模式显示该地图,且用户不能调整地图尺寸。(有关详细信息,请参见开发移动设备部分。)请注意,我们还需要设置sensor参数,以指明此应用程序是否使用传感器确定用户的位置。在此示例中,我们将该参数设为变量“set_to_true_or_false”,用于强调您必须将该值显式设为true或false。地图DOM元素

要在网页上显示地图,我们必须为其留出一个位置。通常,我们的做

8、法是创建一个名为div的元素,然后在浏览器的文档对象模型(DOM)中获取此元素的引用。在上述示例中,我们定义了名为“map_canvas”的

并使用样式属性设置其大小。请注意,该尺寸已设置为“100%”,这将会展开地图,使之符合移动设备的屏幕尺寸。您可能需要根据浏览器的屏幕尺寸和填充区域调整这些

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

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

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