用户名:
密 码:

Google Maps API 用法教程

在过去的一年中,在线地图的发展是相当巨大,我们可以看到在线地图的极有价值的信息和其能力。这其中,最有名气的自然是Google Maps。. Google Maps由一个相当强大的开发引擎并也有一个很大的社区提示支持。

Google 允许各种web masters 通过Google Maps API来增加或自定义他们站点特定的地图,你可能从这里取得Google API key 。一个地图 API key只对一个“目录”或域有效。key绑定了你的域名,你要在网站上放地图,需要有对应的key,否则拒绝读取地图数据,在本地测试可以不用key。当然,你可以申请多个API key。

创建一个简单的地图

在你的站点上引入Google Maps 是一件很简单的事情,你只需要加入:

* 引入Google的JavaScript 文件

* 设置JavaScript 一些参数

* 一个你需要显示地图的HTML layer

Google的Javascript文件引入:

1.<script
2. charset="UTF-8"
3. src=http://maps.google.com/maps?file=api&v=2&hl=en&oe=utf-8&key=API_KEY
4. type="text/javascript">
5.</script>

注意: 我们可以改变语言,比如说,把“hl=en” 改成中文“hl=zh-CN” 。我们还得要把“API_KEY” 改成我们向Google申请来的那个。

说明: 使用 UTF-8 编码会更好些。

设置地图参数:

这是你可定制有个性化的Google Maps的地方。我们可以增加一些参数来改变地图的样式。例如,我们可以设置地图的载入和显示的坐标。下面是相关的代码:

1.function initialize() {
2. if (GBrowserIsCompatible()) {
3. var map = new GMap2(document.getElementById("map_canvas"));
4. map.setCenter(new GLatLng(37.97918, 23.71665), 13);
5. map.setUIToDefault();
6. }
7.}

请注意上面高亮的那一条语句,第一个是纬度坐标和第二个是经度坐标,“13” 表示地图缩放的程度,这个值可以取1 到17。

要知道所在地点的纬度和经度,你可以使用这个工具,这个工具很容易使用,只需要把地图移到你想要的区域,然后,把鼠标放在中心就可以了。
地图标记

你可以在地图上放上一个标记来标出一个特定的位置,下面是一个示例代码。

1.var point = new GLatLng(37.97110, 23.72601);
2.map.addOverlay(new GMarker(point));

于是,我们整个代码看起来是下面这个样子:

01.function initialize() {
02. if (GBrowserIsCompatible()) {
03. var map = new GMap2(document.getElementById("map_canvas"));
04. map.setCenter(new GLatLng(37.97918, 23.71665), 13);
05. var point = new GLatLng(37.97110, 23.72601);
06. map.addOverlay(new GMarker(point));
07. map.setUIToDefault();
08. }
09.}

上面的示例把我们的地图的中心放在了希腊雅典,标记了雅典卫城。

.
分页: [1] [2] [3] [4]

  来源:互联网
阅读:
日期:2010-2-26
 
收藏此文 】 【 打印此文 】   
  • 上一篇:从Windows XP到Windows 7,拿什么拯救应用程序
  • 下一篇:PHOTOSHOP创建破碎的玻璃文本效果
  • TAG: Google Maps API
    • 官方网址: dns110.com
    • CopyRight © 2010 域名频道 版权所有
    • 地址:上海市松江区新松江路1188弄37号 邮编:201620
    • 电话: 021-67820741 67820742 67820743 传真: 转分机805 值班电话: 021-67820743
    • 在线支持QQ: 219854  客户服务QQ:714658643  MSN:chenlh@dns110.com  Email: support@dns110.com
    • 沪ICP备06024974号