google maps学习文档.docVIP

google maps 学习文档 基础工作 一、准备工作： 1、学习环境：MyEclips 8.5+Tomcat 6.0+数据库待定 2、申请API Key，并且要绑定要嵌入地图的网页网址。申请key的网址：/intl/zh-CN/apis/maps/signup.html 3、在MyEclipse中建立项目。导入google maps API，语句为：script src=/maps?file=apimap;v=2amp;wensor=true_or_falseamp;key=ABQIAAAAbodiz9SO6NA7pdHbxfnAABScgAPcDYDX4LacLX91RujHTr-1AxSbPfho11biw4R8sF_Ag1ZN5hrWkA type=text/javascript其中key即为在google 中申请的API Key，绑定到Http://localhost:8080/googlemap/first.jsp上。 4、关于显示中文的问题：google map支持的charset=utf-8，不支持gb2312等。在网页中显示中文，添加语句 %@ page language=java pageEncoding=utf-8 %。 二、加载地图： 1、创建地图容器：一般用div即可 div id=map style=width: 800px; height: 500px /div 2、创建GMap2( )对象：new GMap2(容器id，opts);一般第二个参数可以省略。 3、设定地图中心坐标并显示地图：GMap2.setCenter (point, zoomlevel, opts) 谷歌地图坐标系统总结 转自:/2008/11/blog-post_18.html要在地图中定位一个点，最常见的就是使用一个地理坐标来定位。但是，谷歌地图API还提供了不同于地理坐标的多套坐标系统，方便我们在需要的时候使用不同的坐标来定位在地图上显示的信息。我在右边的地图中演示了这些坐标，可以把的鼠标移到地图上看看，注意要展开“鼠标位置”的内容。这些坐标系统可以简单的总结如下（这些系统是我自己命名的，呵呵，有些系统我也不知道应该怎么称呼）：1、地理坐标系统地理坐标纵向以赤道所在维度线为原点，分别向南北极延伸，最大值为90。横向以格林威治天文台旧址所在的经度线（本初子午线）为原点，分别向东西延伸，最大值为180。海拔坐标在这里就暂时忽略吧。地理坐标的表示方式主要有两种：一种是以度分秒/度分的方式表示，比如（39°56N，116°20E）；还有一种是使用十进制数的方式表示，比如（39.9333，116.3333）。在表示一个地理坐标的时候，习惯上都使用先维度后经度的顺序来描述一个坐标，并且，对前一种坐标，是使用追加字母缩写的方式表示方向，而在后一种方式中，一般会使用X轴表示经度，Y轴表示维度，按照上北下南左西右东的的原则来给坐标加上对应的符号，所以，对（39.9333，116.3333）我们通常就理解为北纬39.9333度、东经116.3333度。在谷歌地图API中使用后一种方式来表示地理坐标，并使用GLatLng这个类来规范的定义一个地理坐标，该类的构造函数中，第一个参数是维度，第二个参数是经度。需要注意的是，这两个参数的顺序不同于我们在坐标系中先X后Y的表达方式，而是按照地理坐标先维度后经度的习惯来表示一个地理坐标，这个原则基本适用于地图API中所有需要表达地理坐标的地方。2、图块坐标系统谷歌地图是使用一系列的大小相同的图片拼接起来的，这些图片在谷歌地图中称之为图块（Tile）。所以，你可以把谷歌地图理解为是使用图块/图片填充起来的一系列网格，在不同的缩放级别，地图被分解为不同数目的网格。详细的说，在缩放级别为0的时候，整个世界地图只有一个网格，缩放级别每增大一级，所有的网格在横向和纵向就分割一次，也就是说，对应于某一特定的缩放级别N，网格的数目就是4的N次方，即4N。这些网格所组成的坐标系统，就是图块坐标系统。在图块坐标系统中，以缩放级别为0时的世界地图为原点，在缩放级别增大的时候分别向下（Y轴）和向右（X轴）延伸，这样，在指定的缩放级别，我们就可以用一个坐标来指定特定的图块了，如果你有意用你自己的图片替换掉地图中的某个图块，这个坐标系统就能派上用场了。谷歌地图API中还没有一个直接的方法可以取得图块的坐标，要取得这个坐标，你需要继续往下看。3、像素坐标系统上面说到谷歌地图是由一系列大小相同的图片拼接起来的，其实这些图块的大小也是固定的，都是256×256像素大小，所以，在不同的缩放级别，世界地图的像素大小也是固定，比如在缩放级别为0的时候，世界地图的像素大小就是256×256×40。这样，在特定的缩放级别，因为世界地图的像