摘要：
使用谷歌地图API定义自定义的控件其实非常简单，看看网页，这就是一个自定义的控件。先看一段Hello World的代码function MyControl(){}MyControl.prototype = new GControl();MyControl.prototype.initialize = function(map){this.map = map;var container = map.getContainer();var label = document.createElement("div");container.appendChild(label);labl 阅读全文
摘要：
还需要关心的几个问题：上面的示例代码仅仅是为了显示一个试验性质的简单地图，所以把很多暂时不是很必要的代码都去掉了，如果你需要创建具有很好的兼容性、并且能够发布到你自己的网站上的地图，还需要注意这几个问题：为了保证有足够的兼容性，谷歌建议使用XHTML来定义显示地图的html页面，所以，你需要在这个页面的顶部声明XHTML的DOCTYPE，并且在html中声明XHTML的命名空间<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtmll/DTD/xht 阅读全文
摘要：
在网页MyTest1.html中我们已经使用了JavaScript来创建地图，下面总结一下使用JavaScript创建一个地图的核心步骤：1、导入地图API类库。<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=YOUR_API_KEY"type="text/javascript"></script>注意这里的参数key，我在以前的文章里已经详细解释过了，如果你只是在本地运行，暂时可以随便使用一段字符串。2、在页面的body 阅读全文
摘要：
要在地图中定位一个点，最常见的就是使用一个地理坐标来定位。但是，谷歌地图API还提供了不同于地理坐标的多套坐标系统，方便我们在需要的时候使用不同的坐标来定位在地图上显示的信息。这些坐标系统可以简单的总结如下：1、地理坐标系统地理坐标纵向以赤道所在纬度线为原点，分别向南北极延伸，最大值为90。横向以格林威治天文台旧址所在的经度线（本初子午线）为原点，分别向东西延伸，最大值为180。海拔坐标在这里就暂时忽略。地理坐标的表示方式主要有两种：一种是以度分秒/度分的方式表示，比如（39°56'N，116°20'E）；还有一种是使用十进制数的方式表示，比如（39.933 阅读全文
摘要：
4、DOM相对坐标系统这里的DOM是指页面上装载地图的容器，一般是div元素。把这个坐标系统看作是基于DOM元素而不是基于地图的坐标系统或许更易于理解，这个系统里的坐标指定的是某个点在这个DOM容器里的位置，以这个容器的左上角为原点，分别向下（Y轴）和向右（X轴）延伸。所谓相对坐标，是指这个坐标系统相对地图是固定的，原点不会随地图的拖拽而变化。在谷歌地图API中，使用GMap2.fromLatLngToContainerPixel(latlng)可以取得地图上某个点在DOM容器中的位置，相反，你可以通过GMap2.fromContainerPixelToLatLng(pixel)方法来获取DO 阅读全文
摘要：
谷歌地图的API类库是通过script标签导入的，形式如下：<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=YOUR_API_KEY"type="text/javascript"></script>我们使用API的时候关心的就是这个script的src属性了，这个属性也就两个部分：路径：http://ditu.google.com/maps；参数：file=api&hl=zh-CN&v=2&key= 阅读全文
摘要：
10、地图属性默认情况下，在Google Map API中，地图使用标准的“绘制”图块显示。但是，Google Map API也支持其他地图类型。以下是标准地图类型：G_NORMAL_MAP-默认视图G_SATELLITE_MAP -显示Google Earth卫星图像G_HYBRID_MAP -混合显示普通视图和卫星视图G_DEFAULT_MAP_TYPES -这三个类型的数组，在需要重复处理的情况下非常有用可以使用GMap2对象的setMapType()方法设置地图类型。例如，下面的代码将地图设置为使用Google地球的卫星视图：var map = new GMap2(document.g 阅读全文
摘要：
所谓API密钥（API Key），其实就是一个字符串，在使用script标签导入API类库的时候作为请求参数传给谷歌地图的服务器，形式就是：<script src="http://ditu.google.com/maps?file=api&v=2&key=YOUR_API_KEY" type="text/javascript"></script>使用谷歌地图API的第一步就是要注册一个API密钥，谷歌的API使用条款对这个密钥的用途有很正式的说明，其实总结起来也很简单：1、谷歌地图API提供的服务是免费的，对于通过 阅读全文
摘要：
6、构造函数说明GMap2(container, opts)在通常是一个DIV元素的指定HTML container内创建新地图。您也可以通过opts参数传递GMap2Options类型的可选参数。请注意因为JavaScript是松散类型的语言，我们可以不填写构造函数的任何可选参数，此处未这样做。7、初始化地图map.setCenter(new GLatLng(39.970981,116.314108), 16);通过GMap2构造函数创建地图后，我们需要再做一件事：将其初始化。初始化通过地图的setCenter()方法完成。setCenter()方法要求有GLatLng坐标和缩放级别，而且必 阅读全文
摘要：
1、简介任何Google Maps API应用程序中的基础元素都是“地图”本身。本文档讨论GMap2基础对象的用法和地图操作的基础知识。2、Google Map的“Hello, World”开始学习Google地图API最简单的方式是看一个简单的示例。网页MyTest1.html显示了以中国人民大学为中心的400x400的地图。即使在此简单的示例中，也需要注意五点：（1）使用script标签包含Google地图API JavaScript。（2）创建名为“mapContainer”的div元素来包含地图。（3）编写JavaScript函数创建“map”对象。（4）将地图的中心设置为指定的地理点 阅读全文