惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
量子位
Y
Y Combinator Blog
大猫的无限游戏
大猫的无限游戏
B
Blog
U
Unit 42
C
Check Point Blog
I
InfoQ
aimingoo的专栏
aimingoo的专栏
雷峰网
雷峰网
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
The Cloudflare Blog
H
Help Net Security
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
云风的 BLOG
云风的 BLOG
宝玉的分享
宝玉的分享
爱范儿
爱范儿

博客园 - 祥

[转] 大地坐标系 CBERS 02C和资源3号参数 卫星地图的来源 转:数据元与元数据的区别 转:自定义谷歌地图配色方案 互操作 转:地理国情监测 转:用GMapImageCutter1.4做地图(附下载) 【转】ArcGIS10 .Net ArcObjects开发新特性 arcgis10 安装注意事项 转载:如何构建REST风格的WEB地图服务 c#、access 按时间段查询 - 祥 - 博客园 数据库模糊检索 c#中access数据库的更新,删除,添加 - 祥 - 博客园 C# vs2005中如何获取datagridview中单元格的值 在C# 之中如何获得MESSAGEBOX的返回值。 - 祥 - 博客园 转:互联网地图服务专业标准 转:印度光学遥感卫星已全面领先中国 SQLServer不同数据库之间表的复制
转:如何为个人网站添加谷歌地图服务
· 2011-04-08 · via 博客园 - 祥

下面明确一下需求:在个人网站中添加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