用Google地图为你的网站添加地图之一

来源:互联网 发布:java模拟器ios 编辑:程序博客网 时间:2024/06/02 13:01
 
Google地图(http://maps.google.com很可能是最具有完整的Ajax网络应用。他为用户提供的地图可四处移动、缩放以及执行通行证,甚至还有注解。你可以以地图,卫星图片,或者他们混合的方式来显示你想看到的位置。)
Google允许网络开发者通过API的方法来在他们自己的站点上使用Google地图。要使用这个API,你需要在它的主页:http://www.google.com/apis/maps/上注册获取一个免费的开发者序列号。在网站上你还可以找到相关的文档和许多教你如何使用Google地图的例子。这个序列号可以使你在单个域名或这个域名的子目录中使用地图。这一章的例子中使用了一个在本机上工作的一个序列号,就是说你需要在本地服务器上通过http://localhost/而不是文件系统来运行它们。
在你获得了开发者序列号以后,你就可以链接到在文档的头部包含所有地图代码的JavaScript。粗体的“your key”应该被替换为你从Google获取的序列号——如果你是在一个不同的服务器而不是本地服务器上尝试运行这个例子的代码,那么你必须修改这个例子文件中的序列号。
<script src="http://maps.google.com/maps?file=api_
&amp;v=2&amp;key=your key" type="text/javascript">
</script>
警告:这个URL在未来可能会发生变化,因此要检查这个API的主页确保它不会突然不能正常工作了。最可能发生变化的是URL中的v参数,它表示API的版本。 
你要做的下一个步骤是获取你希望显示的位置的纬度和经度值。如果你是在美国,那么你很幸运,因为在http://geocoder.us/上有一个免费的服务可以把地址转换为纬度和经度值。例如,如果你想显示加利福尼亚州好莱坞梦工厂的位置,它的位置在Melrose大街的5555号,那么可以从http://geocoder.us/demo.cgi?address=5555+Melrose+Ave%2C+Hollywood%2C+CA获取这些数据。结果是
                                                                             
Address
5555 Melrose Ave
Los Angeles CA 90038
Latitude
34.083517 °
N 34 ° 5' 0.7"
Longitude
-118.321951 °
W 118 ° 19' 19.0"
                                                                             
 
更简单的办法是使用http://www.localsearchmaps.com(说明在http://emad.fano.us/blog/?p=277)和http://www.zeesource.net/maps/geocoding.do上的REST应用程序接口。前者返回与Google地图API兼容的代码(遗憾的是现在这些老的API已经过时了,但是到本书出版的时候这个可能已经被修改了),后者返回一系列的逗号分割的纬度和经度信息——这两者返回的都是全球的信息,而不只是美国的信息。
当你有了这些信息,就可以在你的网站中添加自己的地图了。作为一个世界性地址的例子,我们使用一下在英格兰伦敦北部我所在的街道。我所在街道的坐标是51.5623°纬度和–0.0934°经度。使用这个API为你提供的这些信息和方法,显示我所在地区的地图非常容易。