基于Google地图API的开发

先看Example页面(我和我的死党们的坐标)
还有一个特别制作的经维度坐标查询页面
严重声明:谢绝跨省追捕和人肉搜索

下面我来分解:

  1. 首先,注册一个API key,这非常重要,否则下面都是扯谈;
  2. 加载JS文件:http://partner.googleadservices.com/gampad/google_service.js
    加载你注册的API key:
    http://maps.google.com/maps?file=api&v=2&sensor=false&key=yourAPIkey
  3. 在指定的容器中加载Google地图:
    var map = new GMap2(document.getElementById(”ElementID“)); //这里我使用的是第二版的地图,所以用GMap2,第一个版本已被淘汰,第三个版还在Beta测试中
  4. 设定地图中心坐标,地图缩放级别:
    map.setCenter(new GLatLng(dimensionality, longitude), size);
    //dimensionality:维度值
    //longitude:经度值
    //size:地图缩放级,随数值增大而放大
  5. 设置地图的属性:
    map.enableScrollWheelZoom(); //设置滑轮滚动缩放
    map.addControl(new GLargeMapControl()); //给地图添加控制按钮
    更多属性设置,请参阅开发人员指南
  6. 当然,还能为地图添加个性化标记:
    GMarker(point, markerOptions);
  7. 还能给地图添加事件监听器:
    GEvent.addListener(object, “action“, function() { … });
  8. 补充一下,Google地图的坐标是用经度和维度组成的数组,如何查询经度和维度点击此处(从我家开始吧);
  9. 如果出现文字现实问题,请把页面编码改为utf-8,再把<script …>改为<script …  type=”text/javascript” charset=”utf-8″>
  10. Google地图的功能无比强大,还有测算两点间距离,绘制图形和路线等;
    各位开发大侠,哥的砖头已经抛出去了,你们有玉的引点过来吧。

原文地址:http://home.blueidea.com/apps.php?do=bxna&ac=view&feedid=11038

本文首发:剑锋博客 尊重作者,请保留链接。

分享到: 更多

1条留言在 “基于Google地图API的开发”

  1. deepleo Says:

    v3不用注册Key了。

给我留言(您的留言,是对我最好的鼓励!

公告栏

  • 姓名:林剑锋(不见不散)
  • 来自:中国-广州
  • 简介:潮汕人,出生于广东揭西。醉心于Web开发8年,挑战了一年整体策划和网站运营。目前就职于平成混媒IT部。
  • Email/QQ:admin@ljf.cn

QQ群:设计学院 68075618,网站设计师 9908776

统计

文章:335篇
评论:163条 (2条Spam)
相册:1个 (120张图片)
主题:Nagrand新主题

www.ljf.cn网站PR查询