转:如何为个人网站添加谷歌地图服务
2011-04-08 13:27
309 查看
下面明确一下需求:在个人网站中添加Google Maps服务。向下面的谷歌地图一样,把它做到自己的网站上。(效果与Google Maps浏览地图方式一样,支持拖拽、放大等。)
一个Google帐户,没有可以去http://www.google.com注册
首先,登陆Google主页登陆用户账号,接着进入Google 地图 API官方网站[点击进入]找到“注册以获得API密钥”。Google地图API允许用户将Google 地图嵌入到自己的网页中,但一个地图API密钥只针对一个网络服务器上的一个“目录”有效。
所以,如果我们要使用Google地图的API服务,就必须申请密钥。这里需要提前设计好自己的“目录”。什么是“目录”呢?就是你网站域名下的一个“文件夹”。
利用FTP客户端在域名根目录下创建“google”目录
所以在注册Google 地图 API密钥时要输入的网站就是:http://www.mjj.com/google
目录建立完毕之后,点击注册Google 地图 API页面上的“生成API密钥”
生成之后将显示:
上图即是利用http://www.MJJ.com/google 目录生成的密钥页面以及一个参考基本地图代码。
注:该密钥与申请时注册的域名是相互关联的,其他域名用户是无法使用的。同时Google 地图 API注册页面也指出了一些注意事项:
点击或登陆官方页面查看
下面我们可以先使用“密钥生成页面”中的简单Google地图 HTML代码创建到http://www.MJJ.com/google 下的index.html中进行测试。
基本地图代码
这里要说明的是,代码中包含刚刚生成的密钥。
代码复制到记事本中保存为index.html或index.htm文件
接着利用FTP上传到http://www.MJJ.com的google文件夹中
上传到google目录
随后就可以访问http://www.MJJ.com/google 目录查看是否可以正常显示。
测试可以正常显示地图
到此,已经可以成功使用Google 地图 API,剩下的就是继续深造学习一些如“创建KML站点地图”、“显示Google卫星地图”、以及“显示谷歌中国地图”等技巧。受于篇幅限制,其他技巧将于近期发布,敬请关注MJJ在线 GPS频道。同时也欢迎更多的网友通过留言或邮件与笔者交流、探讨Google Maps API相关技术,共同进步!原文:http://www.phpwind.net/read-htm-tid-615580.html
一个Google帐户,没有可以去http://www.google.com注册
首先,登陆Google主页登陆用户账号,接着进入Google 地图 API官方网站[点击进入]找到“注册以获得API密钥”。Google地图API允许用户将Google 地图嵌入到自己的网页中,但一个地图API密钥只针对一个网络服务器上的一个“目录”有效。
所以,如果我们要使用Google地图的API服务,就必须申请密钥。这里需要提前设计好自己的“目录”。什么是“目录”呢?就是你网站域名下的一个“文件夹”。
利用FTP客户端在域名根目录下创建“google”目录
所以在注册Google 地图 API密钥时要输入的网站就是:http://www.mjj.com/google
目录建立完毕之后,点击注册Google 地图 API页面上的“生成API密钥”
生成之后将显示:
上图即是利用http://www.MJJ.com/google 目录生成的密钥页面以及一个参考基本地图代码。
注:该密钥与申请时注册的域名是相互关联的,其他域名用户是无法使用的。同时Google 地图 API注册页面也指出了一些注意事项:
点击或登陆官方页面查看
下面我们可以先使用“密钥生成页面”中的简单Google地图 HTML代码创建到http://www.MJJ.com/google 下的index.html中进行测试。
基本地图代码
这里要说明的是,代码中包含刚刚生成的密钥。
代码复制到记事本中保存为index.html或index.htm文件
接着利用FTP上传到http://www.MJJ.com的google文件夹中
上传到google目录
随后就可以访问http://www.MJJ.com/google 目录查看是否可以正常显示。
测试可以正常显示地图
到此,已经可以成功使用Google 地图 API,剩下的就是继续深造学习一些如“创建KML站点地图”、“显示Google卫星地图”、以及“显示谷歌中国地图”等技巧。受于篇幅限制,其他技巧将于近期发布,敬请关注MJJ在线 GPS频道。同时也欢迎更多的网友通过留言或邮件与笔者交流、探讨Google Maps API相关技术,共同进步!原文:http://www.phpwind.net/read-htm-tid-615580.html
相关文章推荐
- 如何为个人网站添加谷歌地图服务
- 在个人网站中添加谷歌地图的功能
- github pages搭建个人网站如何添加导航
- LifevV.COM,拟推出 用户广告发布接入服务,也是中国第一家提供此类服务的个人空间提供网站
- ASP.NET : 如何为网站添加自定义的文件类型
- 揭秘知名网站如何收集个人数据及应对措施
- 将服务费用DIY到底----走出软件作坊:三五个人十来条枪 如何成为开发正规军(十)
- 如何搭建自己的个人技术博客网站
- 如何在标题栏title前添加网站logo?
- 【转】如何建立个人网站
- 如何搭建个人博客网站(Mac)
- 我自己建了一个个人博客网站,欢迎大家访问,后续功能还在添加之中
- PowerShell自动部署网站—(1)、安装IIS[添加角色和角色服务]
- 如何建立个人网站?
- IBM Bluemix-如何部署Java Web项目-如何添加MySQL服务
- MOSS 2007应用日记(21)――如何通过添加链接让子网站显示在主页
- IT人如何打造个性化的个人网站(在线简历)
- 我是如何使用myHQ服务监控管理我的LAMP网站的?