服务热线: 020-87201405 | 关于GPS之家 | 网站地图 | 联系方式 | 在线客服
技巧:如何为个人网站添加谷歌地图服务
2008-06-02 GPS之家 来源:中关村在线 作者:王梓谊
【55gps.com资讯】

  笔者最近搞了一个域名,准备做个博客也随潮流一把。见到Google Maps上的地图十分方便醒目,如果能把这个地图集成到个人网站中既方便了自己也方便了来访的朋友。而我们所需的这一切Google早已经提供相应的API,剩下来的只是按部就班的去做了。

  下面明确一下需求:在个人网站中添加Google Maps服务。向下面的谷歌地图一样,把它做到自己的网站上。(效果与Google Maps浏览地图方式一样,支持拖拽、放大等。)


技巧:如何为个人网站添加谷歌地图服务

Google Maps

  好的,需求已经明确。下面就请随笔者一步一步实现吧。

  在正式开始之前,首先需要具备以下条件:

  1,具备一个属于自己的域名,如http://www.yourname.com
  2,具备该域名下空间的文件管理权限,如FTP等。
  3,一个Google帐户,没有可以去http://www.google.com注册

  首先,登陆Google主页登陆用户账号,接着进入Google 地图 API官方网站[点击进入]找到“注册以获得API密钥 ”。Google地图API允许用户将Google 地图嵌入到自己的网页中,但一个地图API密钥只针对一个网络服务器上的一个“目录”有效。


技巧:如何为个人网站添加谷歌地图服务

技巧:如何为个人网站添加谷歌地图服务
点击查看大图

  所以,如果我们要使用Google地图的API服务,就必须申请密钥。这里需要提前设计好自己的“目录”。什么是“目录”呢?就是你网站域名下的一个“文件夹”。

技巧:如何为个人网站添加谷歌地图服务
利用FTP客户端在域名根目录下创建“google”目录

  如笔者的域名是http://www.wangziyi.com ,那么笔者可以在域名根目录下建立一个名为“google”(这里最好全部使用小写)的文件夹,所以在注册Google 地图 API密钥时要输入的网站就是:http://www.wangziyi.com/google

目录建立完毕之后,点击注册Google 地图 API页面上的“生成API密钥”


技巧:如何为个人网站添加谷歌地图服务

  生成之后将显示:

技巧:如何为个人网站添加谷歌地图服务
点击查看大图

  上图即是利用http://www.wangziyi.com/google 目录生成的密钥页面以及一个参考基本地图代码。

注:该密钥与申请时注册的域名是相互关联的,其他域名用户是无法使用的。同时Google 地图 API注册页面也指出了一些注意事项:

技巧:如何为个人网站添加谷歌地图服务
点击或登陆官方页面查看

 下面我们可以先使用“密钥生成页面”中的简单Google地图 HTML代码创建到http://www.wangziyi.com/google

上一页12 下一页 上一篇:测绘影响生活   下一篇:都是新奇玩意!看看GPS应用还能干什么
需要了解更多详情请登陆G友社区:http://bbs.55gps.com
相关报价
本文共有0条评论,点击查看读者的评论
匿名发表 用户名 密码
本站部分文章来源于合作媒体,转载时请注明原出处,如转载“GPS之家原创文章”,请注明来源55gps.com!
请点击链接:http://www.55gps.com
GPS之家原创文章
相关产品
GPS火热促销
GPS相关文章