先看Example页面(我和我的死党们的坐标)
还有一个特别制作的经维度坐标查询页面
严重声明:谢绝跨省追捕和人肉搜索
下面我来分解:
- 首先,注册一个API key,这非常重要,否则下面都是扯谈;
- 加载JS文件:http://partner.googleadservices.com/gampad/google_service.js
加载你注册的API key:
http://maps.google.com/maps?file=api&v=2&sensor=false&key=yourAPIkey - 在指定的容器中加载Google地图:
var map = new GMap2(document.getElementById(”ElementID“)); //这里我使用的是第二版的地图,所以用GMap2,第一个版本已被淘汰,第三个版还在Beta测试中 - 设定地图中心坐标,地图缩放级别:
map.setCenter(new GLatLng(dimensionality, longitude), size);
//dimensionality:维度值
//longitude:经度值
//size:地图缩放级,随数值增大而放大 - 设置地图的属性:
map.enableScrollWheelZoom(); //设置滑轮滚动缩放
map.addControl(new GLargeMapControl()); //给地图添加控制按钮
更多属性设置,请参阅开发人员指南 - 当然,还能为地图添加个性化标记:
GMarker(point, markerOptions); - 还能给地图添加事件监听器:
GEvent.addListener(object, “action“, function() { … }); - 补充一下,Google地图的坐标是用经度和维度组成的数组,如何查询经度和维度,点击此处(从我家开始吧);
- 如果出现文字现实问题,请把页面编码改为utf-8,再把<script …>改为<script … type=”text/javascript” charset=”utf-8″>
- Google地图的功能无比强大,还有测算两点间距离,绘制图形和路线等;
各位开发大侠,哥的砖头已经抛出去了,你们有玉的引点过来吧。
原文地址:http://home.blueidea.com/apps.php?do=bxna&ac=view&feedid=11038
本文首发:剑锋博客 尊重作者,请保留链接。
2011-12-31 16:53:48
v3不用注册Key了。