没有合适的资源?快使用搜索试试~ 我知道了~
首页GoogleMap api 中文
GoogleMap api 中文
需积分: 9 14 下载量 22 浏览量
更新于2023-03-03
评论
收藏 1.91MB DOC 举报
GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文
资源详情
资源评论
资源推荐
开发人员指南
地图基础知识
1 简介
2 Google 地图的“ Hello, World”
2 加载 Google 地图 API
2 地图 DOM 元素
2 GMap2 - 基本对象
2 初始化地图
2 加载地图
3 经度和纬度
4 地图属性
5 地图交互
6 信息窗口
简介
任何 地图 应用程序中的基础元素都是“地图”本身。本文档讨论 基础
对象的用法和地图操作的基础知识。
Google 地图的“Hello, World”
开始学习 地图 最简单的方式是看一个简单的示例。下面的网页显示以北京的
故宫博物院为中心的 的地图。
!"#$%&'()*
+,,,%,%'-$$.'()%//0
1.2+,,,%,%'$3330
/0
45(62)117)1128)'.259:0
(0.;6&)'((0
.)'( .')2+/(5%%)1.<
=2(>862>8?72@)/9>.1.'2true_or_false
72A6.)'(0.)'(0
.)'(72A6.)'(0
951)(1(1(((BCDE
(9CF',.'.(@CDDE
6'21,C/)51%1F7/CG)16.DD8
%.1'C1,##1C3%3H3I$$J%3KDI$D8
L
L
.)'(0
/0
@/71/2(1(((BCD151/2M1/CD0
/(6(/2G)16..72,(/+8(+0/(60
@/70
0
您可以查看此示例及下载、编辑和调试该示例,但必须将该文件中的密钥替换为您自己的
地图 密钥 。(如果注册了特定目录的密钥,也可以将其用于所有子目录。)
即使在此简单的示例中,也需要注意五点:
7 使用 .)'(标签包含 地图 ;6&)'(。
8 创建名为“G)16.N的 /(6元素来包含地图。
9 编写 ;6&)'(函数创建“N对象。
10 将地图的中心设置为指定的地理点。
11 从 @/7标签的 1#/事件初始化地图对象。
下面说明了这些步骤。
加载 Google 地图 API
.)'( .')2+/(5%%)1.<
=2(>62>?72@)/9>.1.'2true_or_false
72A6.)'(0
.)'(0
+/(5%%)1.<=2(>62>?72@)/9 网 址 指 向 包 含 使 用
地图 所需所有符号和定义的 ;6&)'(文件的位置。您的页面必须包含指
向此网址的 .)'( 标签,使用注册 时收到的密钥。在此示例中,该密钥显示为
“@)/9N。
请注意,我们也传递 .1.'参数以指明此应用程序是否使用传感器来确定用户位置。在
此示例中,我们将其设为变量“'5G'G9.N以强调您必须显式地将此值设置为 '5或
9.。
地图 DOM 元素
/(6(/2G)16..72,(/+8(+0/(60
要让地图在网页上显示,必须为其留出一个位置。通常,我们通过创建名为 /(6的元素并
在浏览器的文档对象模型 CD中获取此元素的引用执行此操作。
在上述示例中,我们定义名为“G)16.N的 /(6,并使用样式属性设置其尺寸。地图
会自动使用容器尺寸调整自身的尺寸,除非使用构造函数中的 (1.显式地为地
图指定尺寸。
GMap2 - 基本对象
6'21,C/)51%1F7/CG)16.DD8
类是表示地图的 ;6&)'(类。此类的对象在页面上定义单个地图。(可以创建
此类的多个实例,每个对象将在页面上定义一个不同的地图。)我们使用 ;6&)'(
1,操作符创建此类的一个新实例。
当创建新的地图实例时,在页面中指定一个 节点(通常是 /(6元素)作为地图的容
器 。 "# 节 点 是 ;6&)'( /)51 对 象 的 子 对 象 , 而 且 我 们 通 过
/)51%1F7/CD方法获得该元素的引用。
此代码定义了一个变量(名为 ),并将新 对象赋值给该变量。函数
CD称为“构造函数”,其定义(在 地图 参考 中简述)如下所示:
构造函数 说明
C)1(1
'I.<D
在通常是一个
O
元素的指定
"#container
内创建新地图。
您也可以通过
opts
参数传递
(1.
类型的可选参数。
请注意因为 ;6&)'(是松散类型的语言,我们可以不填写构造函数的任何可选参数,
此处也未这样做。
初始化地图
%.1'C1,##1C3%3H3I$$J%3KDI$D8
通过 构造函数创建地图后,我们需要再做一件事:将其初始化。初始化通过地图
的 .1'CD方法完成。.1'CD方法要求有 ##1坐标和缩放级别,而且必
须先发送此方法,然后再在地图上执行其他任何操作,包括设置地图本身的其他任何属性。
加载地图
@/71/2(1(((BCD151/2M1/CD0
当 "#页面显示时,文档对象模型 CD即会扩展,接收其他外部图像和脚本并将其
合并到 /)51对象中。为确保我们的地图仅放置在完全加载后的页面上,我们仅在
"#页面的 @/70元素收到 1/事件后才执行构造 对象的函数。这样
做可以避免出现不可预期的行为,并使我们可以对地图绘制的方式和时间进行更多控制。
1/属性是事件处理程序的示例。地图 还提供了大量事件可以用来“监听”
状态变化。请参阅地图事件和事件监听器以了解更多信息。
M1/CD函数是用来防止内存泄漏的实用工具函数。
经度和纬度
既然现在已经有地图了,我们还需要一种方法来引用地图上的位置。在 地图
中,##1对象提供了此类机制。可以构造一个 ##1对象,按照制图学的惯例以
E经度I纬度L的顺序传递参数:
6'7'()'/(1.21,##1C7#(5/I7#1(5/D
注意:将“地址”转变为地理点的过程称为“地址解析”,将在“ 地图 服务” 部分中
详细讨论。
就像它可用于轻松地引用地理点一样,它也可用于定义对象的地理边界。例如,地图在称
为视口的窗口内显示整个世界的当前“窗口”。此视口可以通过四个角上的矩形点来定义。
##1F51/.对象提供了这个功能,通过使用分别表示边界框的西南角和东北角的两
个 ##1对象定义一个矩形区域来实现。
##1对象在 地图 中用途广泛。例如,'?'对象在其构造函数中具
有 ##1,并在地图上的指定地理位置放置标记“叠加层”。
下面的示例使用 F51/.CD返回当前视口,然后在地图上的这些边界内随机放置 $
个标记:
951)(1(1(((BCDE
6'21,C/)51%1F7/CG)16.DD8
%.1'C1,##1C3%3H3I$$J%3KDI$D8
//$'?'.'1/)(1.
6'@51/.2%F51/.CD8
6'.5 .2@51/.%&5 .CD8
6'1'.2@51/.%*'.CD8
6'1&121'.%1CD.5 .%1CD8
6'&121'.%CD.5 .%CD8
9'C6'(28($8(PPDE
6'(121,##1C.5 .%CDP&1Q%'1/CDI
.5 .%1CDP1&1Q%'1/CDD8
%//6'7C1,'?'C(1DD8
L
L
查看示例 C'?'.%D
注意:有关 '?'对象的详细信息位于叠加层部分中。
地图属性
默认情况下,在 地图 中,地图使用标准的“绘制”图块显示。但是,
地图 也支持其他地图类型。以下是标准地图类型:
G*-#G默认视图
G&##G显示 地球卫星图像
G"F-G混合显示普通视图和卫星视图
GRM#GG&这三个类型的数组,在需要重复处理的情况下非常有
用
可以使用 对象的 .7CD方法设置地图类型。例如,下面的代码将地图设
置为使用 地球的卫星视图:
6'21,C/)51%1F7/CG)16.DD8
%.7CG&##GD8
地图还包含对了解情况非常有用的大量属性。例如,要了解当前视口的尺寸,可使用
对象的 F51/.CD方法来返回 ##1F51/.值。
每个地图还包含一个“缩放级别”,用于定义当前视图的分辨率。在普通地图视图内,可以
使用 (最低缩放级别,在地图上可以看到整个世界)到 $3(最高缩放级别,可以看到独
立建筑物)之间的缩放级别。缩放级别因所查看地区而异,因为地球上某些地区的数据比
其他地区更详细。在卫星视图中可以使用多达 个缩放级别。
可以通过使用 对象的 SCD方法检索地图当前使用的缩放级别。
关于缩放级别、地图图块以及创建自己的自定义地图类型的更多信息,请参阅图块叠加层
部分。
地图交互
既然现在有了 对象,就可以与之进行交互了。基本地图对象的外观和行为与您在
地图网站上交互的地图非常相似,并带有大量内置行为。对象还提供了
大量配置方法来改变地图对象本身的行为。
默认情况下,和在 +/(5%%)1上一样,地图对象会对用户的活动做出反应。
剩余63页未读,继续阅读
Ningjianwen
- 粉丝: 170
- 资源: 38
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
- SPC统计方法基础知识.pptx
- MW全能培训汽轮机调节保安系统PPT教学课件.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0