Android学习笔记-地图资源-CSDN文库

共4个文件

doc：2个

chm：1个

pdf：1个

Android

google

5星 · 超过95%的资源需积分: 9 161 浏览量 2012-05-30 15:02:44 上传评论收藏 1.08MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Android开发Google_map学习资料.zip （4个子文件）

Android开发Google_map学习资料

API_GoogleMap中文手册.chm 100KB

Google_地图_API_专业版开发人员指南.doc 59KB

Android定位API使用手册.doc 477KB

Google地图API教程.pdf 737KB

开发人员指南

地图基础知识



简介



Google 地图的“Hello, World”



加载 Google 地图 API



地图 DOM 元素



GMap2 - 基本对象



初始化地图



加载地图



经度和纬度



地图属性



地图交互



信息窗口

简介

任何 Google 地图 API 应用程序中的基础元素都是“地图”本

身。本文档讨论 GMap2 基础对象的用法和地图操作的基础知

识。

Google 地图的“Hello, World”

开始学习 Google 地图 API 最简单的方式是看一个简单的示

例。下面的网页显示以北京的故宫博物院为中心的 500x300 的

地图。

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

charset=utf-8"/>

<title>Google Maps JavaScript API Example</title>

<script

src="http://ditu.google.cn/maps?file=api&v=2&key=abcde

fg&sensor=

true_or_false

type="text/javascript"></script>

function initialize() {

if (GBrowserIsCompatible()) {

var map= new

GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(39.9493, 116.3975), 13);

}

</script>

</head>

<div id="map_canvas" style="width: 500px; height:

300px"></div>

</body>

</html>

您可以查看此示例及下载、编辑和调试该示例，但必须将该文件

中的密钥替换为您自己的 Google 地图 API 密钥。（如果注册了

特定目录的密钥，也可以将其用于所有子目录。）

即使在此简单的示例中，也需要注意五点：



使用 script 标签包含 Google 地图 API JavaScript。



创建名为“map_canvas”的 div 元素来包含地图。



编写 JavaScript 函数创建“map”对象。



将地图的中心设置为指定的地理点。



从 body 标签的 onLoad 事件初始化地图对象。

下面说明了这些步骤。

加载 Google 地图 API

<script

src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor

true_or_false

type="text/javascript">

</script>

http://ditu.google.cn/maps?file=api&v=2&key=abcdefg 网址指向

包含使用 Google 地图 API 所需所有符号和定义的 JavaScript

文件的位置。您的页面必须包含指向此网址的 script 标签，使用

请注意，我们也传递 sensor 参数以指明此应用程序是否使用传

感器来确定用户位置。在此示例中，我们将其设为变量

“true_or_false”以强调您必须显式地将此值设置为 true 或

false。

地图 DOM 元素

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

过创建名为 div 的元素并在浏览器的文档对象模型 (DOM) 中

获取此元素的引用执行此操作。

在上述示例中，我们定义名为“map_canvas”的 div，并使用样

式属性设置其尺寸。地图会自动使用容器尺寸调整自身的尺寸，

除非使用构造函数中的 GMapOptions 显式地为地图指定尺寸。

GMap2 - 基本对象

var map= new GMap2(document.getElementById("map_canvas"));

GMap2 类是表示地图的 JavaScript 类。此类的对象在页面上定

义单个地图。（可以创建此类的多个实例，每个对象将在页面上

定义一个不同的地图。）我们使用 JavaScript new 操作符创建此

类的一个新实例。

当创建新的地图实例时，在页面中指定一个 DOM 节点（通常

是 div 元素）作为地图的容器。HTML 节点是 JavaScript

document 对象的子对象，而且我们通过

document.getElementById() 方法获得该元素的引用。

此代码定义了一个变量（名为 map），并将新 GMap2 对象赋值

给该变量。函数 GMap2() 称为“构造函数”，其定义（在 Google

地图 API 参考中简述）如下所示：

构造函数说明

GMap2(contai

ner, opts?)

在通常是一个 DIV 元素的指定 HTML

container

内创建新地图。您也可以通过

opts

参

数传递 GMap2Options 类型的可选参数。

请注意因为 JavaScript 是松散类型的语言，我们可以不填写构造

函数的任何可选参数，此处也未这样做。

初始化地图

map.setCenter(new GLatLng(39.9493, 116.3975), 13);

通过 GMap2 构造函数创建地图后，我们需要再做一件事：将其

初始化。初始化通过地图的 setCenter() 方法完成。setCenter() 方

法要求有 GLatLng 坐标和缩放级别，而且必须先发送此方法，

然后再在地图上执行其他任何操作，包括设置地图本身的其他任

何属性。

加载地图

当 HTML 页面显示时，文档对象模型 (DOM) 即会扩展，接收

其他外部图像和脚本并将其合并到 document 对象中。为确保我

们的地图仅放置在完全加载后的页面上，我们仅在 HTML 页面

的 <body> 元素收到 onload 事件后才执行构造 GMap2 对象

的函数。这样做可以避免出现不可预期的行为，并使我们可以对

地图绘制的方式和时间进行更多控制。

onload 属性是事件处理程序的示例。Google 地图 API 还提供了

大量事件可以用来“监听”状态变化。请参阅地图事件和事件监

听器以了解更多信息。

GUnload() 函数是用来防止内存泄漏的实用工具函数。

经度和纬度

既然现在已经有地图了，我们还需要一种方法来引用地图上的位

置。在 Google 地图 API 中，GLatLng 对象提供了此类机制。

可以构造一个 GLatLng 对象，按照制图学的惯例以 {经度, 纬

度} 的顺序传递参数：

var myGeographicCoordinates= new GLatLng(myLatitude,

myLongitude)

注意：将“地址”转变为地理点的过程称为“地址解析”，将在

“Google 地图 API 服务”部分中详细讨论。

就像它可用于轻松地引用地理点一样，它也可用于定义对象的地

理边界。例如，地图在称为视口的窗口内显示整个世界的当前“窗

口”。此视口可以通过四个角上的矩形点来定义。GLatLngBounds

对象提供了这个功能，通过使用分别表示边界框的西南角和东北

角的两个 GLatLng 对象定义一个矩形区域来实现。

GLatLng 对象在 Google 地图 API 中用途广泛。例如，GMarker

对象在其构造函数中具有 GLatLng，并在地图上的指定地理位置

放置标记“叠加层”。

下面的示例使用 getBounds() 返回当前视口，然后在地图上的这

些边界内随机放置 10 个标记：

function initialize() {

var map= new GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(39.9493, 116.3975), 13);

// Add 10 markers to the map at random locations

var bounds= map.getBounds();

var southWest= bounds.getSouthWest();

var northEast= bounds.getNorthEast();

var lngSpan= northEast.lng() - southWest.lng();

var latSpan= northEast.lat() - southWest.lat();

for (var i= 0; i< 10; i++) {

var point= new GLatLng(southWest.lat() + latSpan*

Math.random(),

southWest.lng() + lngSpan* Math.random());

map.addOverlay(new GMarker(point));

}

查看示例 (map-markers.html)

注意：有关 GMarker 对象的详细信息位于叠加层部分中。

地图属性

默认情况下，在 Google 地图 API 中，地图使用标准的“绘制”

图块显示。但是，Google 地图 API 也支持其他地图类型。以下

是标准地图类型：



G_NORMAL_MAP- 默认视图



G_SATELLITE_MAP - 显示 Google 地球卫星图像



G_HYBRID_MAP - 混合显示普通视图和卫星视图



G_DEFAULT_MAP_TYPES - 这三个类型的数组，在需要

重复处理的情况下非常有用

可以使用 GMap2 对象的 setMapType() 方法设置地图类型。例

如，下面的代码将地图设置为使用 Google 地球的卫星视图：

var map= new GMap2(document.getElementById("map_canvas"));

map.setMapType(G_SATELLITE_MAP);

地图还包含对了解情况非常有用的大量属性。例如，要了解当前

视口的尺寸，可使用 GMap2 对象的 getBounds() 方法来返回

GLatLngBounds 值。

每个地图还包含一个“缩放级别”，用于定义当前视图的分辨率。

在普通地图视图内，可以使用 0（最低缩放级别，在地图上可以

看到整个世界）到 19（最高缩放级别，可以看到独立建筑物）

之间的缩放级别。缩放级别因所查看地区而异，因为地球上某些

地区的数据比其他地区更详细。在卫星视图中可以使用多达 20

评论收藏

内容反馈

zpfi

2012-10-23

资源很好，数据很全，谢谢分享！
zhangyuhao000

2013-08-09

资源很好，数据很全，谢谢分享！
社会你伟哥

2012-11-28

还是不错滴，用上了

xing...

粉丝: 30
资源: 52

Android学习笔记 - 地图

最新资源

Android学习笔记 - 地图

Android google Map地图学习

Android学习笔记之百度地图（分条目覆盖物：ItemizedOverlay）

android学习笔记2

Android Map开发基础知识学习笔记

Android笔记

android笔记

(百度地图学习，视频讲解源码

java乐器源码-notes:日常学习笔记

高仿版百度地图基于iOS SDK v2.5.0，功能完善！

百度地图开发java源码-blog-backup:学习文章，也是我博客的备份

查找：适用于大多数支持wifi的设备的高精度室内定位框架

3568 Android 11 GMS包

适用于某音27.8版本64位的libsscronet.so

Xvideos.apk

VisualGDB 5.6 R9//支持VS2008-VS2022

Android Studio 3.5下载安装包

安卓期末大作业（AndroidStudio开发），垃圾分类助手app，分为前台后台，代码有注释，均能正常运行

WSA-2310.40000.2.0-x64-Release（win10安卓子系统 2023年11月28日更新上传）

Android开发 猴子摘桃小项目——学习Activity之间的数据回传

RE浏览器 RootExplorer.apk

Android Studio 3.5安装包

Android小项目——新闻APP（源码）

安卓期末大作业Android Studio 简易计算器实现

AI工具：换L、去Y 手机版专用-安卓、苹果

CraxsRat源代码，CraxsRat v7.0，CraxsRat安卓手机远控，电脑控制安卓手机，实时画面，远程协助老人维修

Android Studio SDK(android-29）

AndroidStudio————实战演练——仿美团外卖菜单

微信小程序嵌入H5页面播放监控webrtc视频流1~2秒画面延迟,安卓和ios都兼容

黑域(HD版)，仅支持安卓平板

（免费下载）adb应用程序，包含特殊的 adb disable-verity 命令

最新资源

Android开发猴子摘桃小项目——学习Activity之间的数据回传