无夜游魂(Souls at Night)

google map 总结

2017-01-17 14:52:40

google map 心得
注意文件的编码，要用UTF-8，否则提示无法解析错误
阅读，操作http://code.google.com/intl/zh-CN/apis/maps/
别人的案例http://www.htc.com/tw/where_to_buy.aspx
需要注册一个API密钥(常见问题：http://code.google.com/intl/zh-CN/apis/maps/faq.html)
要注册 Google 地图 API 密钥，您必须登录您的 Google 帐户并同意我们的使用条款。一个帐户可获得无限量的密钥。
如果您使用 Javascript 地图 API 且您的密钥在您的网站上不起作用，请在代码中放置一个 alert(window.location.host) 并重新加载页面。您在该警告中看到的域就是您的密钥应当注册的域。
示例：http://code.google.com/intl/zh-CN/apis/maps/documentation/examples/index.html
地址解析：http://code.google.com/intl/zh-CN/apis/maps/documentation/services.html
经纬度确认查询：
要访问地图 API 地址解析器，请访问 http://ditu.google.cn/maps/geo? 并在网址中添加以下参数：

    * q（必填）- 您要进行地址解析的地址。
    * key（必填）- 您的 API 密钥。
    * sensor（必填）- 指示地址解析请求是否来自装有位置传感器的设备。该值必须为 true 或 false。
    * output（必填）- 生成时输出应采用的格式。选项有 xml、kml、csv 或默认选项 json。
    * ll（可选）- 视口中心的 {经度,纬度}，表示为以逗号分隔的字符串（例如“ll=-117.773438,40.479581”）。仅当将 spn 参数也传递给地址解析器时此参数才有意义。
    * spn（可选）- 视口的“范围”，表示为以逗号分隔的 {经度,纬度} 字符串（例如“spn=22.5,11.1873”）。仅当将 ll 参数也传递给地址解析器时此参数才有意义。
    * gl（可选）- 国家/地区代码，指定为 ccTLD（“顶级域”）双字符值。

注意：gl 和 spn,ll 视口参数只会影响地址解析器的结果，而不会完全限制其结果。

在以下示例中，我们请求 Google 总部的地理坐标：
如GOOGLE的，http://ditu.google.cn/maps/geo?q=1600+Amphitheatre+Parkway,+Mountain+View,+CA&output=xml&sensor=true_or_false&key=abcdefg
松普的密钥用我的邮箱生成的www.sunfpu.com.tw
KEY：ABQIAAAAs5k2pGD_V4ZnSY0ZvuEJ5xQQQejSdwLNqo4OOqCtufLwvNkeiRShrSEpjYpb-fpFAF5FTL7_gCfyVw

简单的HELLO WORLD 事例
即使在此简单的示例中，也需要注意五点：

使用 script 标签包含地图 API JavaScript。
创建名为“map_canvas”的 div 元素存放地图。
编写 JavaScript 函数创建“map”对象。
1.将地图中的中心设置为给定的地理点。
从 body 标签的 onLoad 事件初始化地图对象。

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml">

2.设置地图类型
目前中国地图只支持普通地图，如下： 以下地图类型是标准类型：

G_NORMAL_MAP- 默认视图
G_SATELLITE_MAP - 显示 Google 地球卫星图像
G_HYBRID_MAP - 混合显示普通视图和卫星视图
G_DEFAULT_MAP_TYPES - 这三个类型的数组，用于迭代处理
///var map = new GMap2(document.getElementById("map_canvas")); 
map.setMapType(G_SATELLITE_MAP);

3.