用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为你提供的这些信息和方法,显示我所在地区的地图非常容易。
 
相关文章
|
4月前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
|
2月前
|
定位技术 API
Google Earth Engine(GEE)——如何给地图添加一个不同底图
Google Earth Engine(GEE)——如何给地图添加一个不同底图
38 0
|
2月前
|
机器学习/深度学习 编解码 人工智能
Google Earth Engine(GEE)——2019年数字地球非洲的耕地范围地图
Google Earth Engine(GEE)——2019年数字地球非洲的耕地范围地图
13 0
|
2月前
|
数据可视化 定位技术 API
Google Earth Engine(GEE) ——土著土地地图数据集
Google Earth Engine(GEE) ——土著土地地图数据集
18 1
|
4月前
|
JSON 定位技术 API
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
|
9月前
|
数据采集 搜索推荐 安全
英文网站该如何做站内Google优化?
答案是:英文SEO可以持续建设GPB外链+优质内容可提升排名。 优化内容质量 编写原创和高质量的内容 Google优化中,内容是王道。 确保您的网站内容是原创的,有价值的,并且是针对目标受众的。 优秀的内容不仅可以提升用户体验,也会被搜索引擎更好的认可。 使用适当的标题和子标题 标题和子标题不仅可以使内容更易读,还有助于Google更好的理解您的内容。 确保每个页面都有一个独特且相关的标题,子标题也要能准确反映内容的主题。
50 0
英文网站该如何做站内Google优化?
|
数据采集 缓存 搜索推荐
|
算法 搜索推荐 机器人
Google关键词排名多久做上去?谷歌新网站多久能有排名?
关于优质英文外链建设方面,其实我们知道你们是有想法的,知道要做英文外链,可不知道怎么做,做多少量
233 0
Google关键词排名多久做上去?谷歌新网站多久能有排名?
|
算法 索引 SEO
做的国外网站如何让谷歌收录?Google不收录独立站怎么办?
很简单的一句话,已经概括现在互联网铺天盖地那些所谓的谷歌不收录原因之类的文章。
200 0
做的国外网站如何让谷歌收录?Google不收录独立站怎么办?
|
JavaScript 前端开发 定位技术
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
374 0
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap

热门文章

最新文章