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

简介:  Google地图(http://maps.google.com很可能是最具有完整的Ajax网络应用。
 
在你获得了开发者序列号以后,你就可以链接到在文档的头部包含所有地图代码的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为你提供的这些信息和方法,显示我所在地区的地图非常容易。
 
相关文章
|
6月前
|
监控 搜索推荐 数据可视化
Google Analytics是如何帮助网站和应用所有者理解用户行为的?
【6月更文挑战第8天】Google Analytics是如何帮助网站和应用所有者理解用户行为的?
85 4
|
7月前
|
Web App开发 网络安全 Windows
Chrome版本太旧,无法访问此网站www.google.com 的响应时间过长
Chrome版本太旧,无法访问此网站www.google.com 的响应时间过长
229 1
|
6月前
|
域名解析 JavaScript 网络协议
技术心得记录:如何使用google地图的api(整理)
技术心得记录:如何使用google地图的api(整理)
478 0
|
7月前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
|
7月前
|
数据可视化 定位技术 API
Google Earth Engine(GEE) ——土著土地地图数据集
Google Earth Engine(GEE) ——土著土地地图数据集
71 1
|
7月前
|
定位技术 API
Google Earth Engine(GEE)——如何给地图添加一个不同底图
Google Earth Engine(GEE)——如何给地图添加一个不同底图
148 0
|
7月前
|
机器学习/深度学习 编解码 人工智能
Google Earth Engine(GEE)——2019年数字地球非洲的耕地范围地图
Google Earth Engine(GEE)——2019年数字地球非洲的耕地范围地图
75 0
|
7月前
|
JSON 定位技术 API
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
120 1
|
数据采集 搜索推荐 安全
英文网站该如何做站内Google优化?
答案是:英文SEO可以持续建设GPB外链+优质内容可提升排名。 优化内容质量 编写原创和高质量的内容 Google优化中,内容是王道。 确保您的网站内容是原创的,有价值的,并且是针对目标受众的。 优秀的内容不仅可以提升用户体验,也会被搜索引擎更好的认可。 使用适当的标题和子标题 标题和子标题不仅可以使内容更易读,还有助于Google更好的理解您的内容。 确保每个页面都有一个独特且相关的标题,子标题也要能准确反映内容的主题。
83 0
英文网站该如何做站内Google优化?
|
数据采集 缓存 搜索推荐
下一篇
DataWorks