LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

Google Map开发系列(五)——怎样在你的网页里嵌入地图

admin
2010年7月3日 18:46 本文热度 5393
[p]要在自己的网页中嵌入地图,常用的方法可以归纳为以下几种:[br][b]1、最简单的方法 ——使用谷歌地图主页的"链接"[/b][br] 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是不需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。[br] 登录[url=http://ditu.google.cn/]谷歌地图主页[/url],定位你需要显示的范围后,点击地图左上角的“链接”,会出现一个信息框,给出两个输入框,把第二个输入框中的内容拷贝到你的页面上就可以了。[br] 其实,这段嵌入代码就是一个iframe的声明,所以,虽然地图主页提供一个自定义地图并预览的功能,但是只能自定义地图的大小,如果需要的话,我们完全可以通过手动修改这个iframe声明来实现更多的自定义,比如,给这段iframe加上自定义的样式。[br][b]2、最精简的方法 ——使用谷歌静态地图[/b][br] 如果你需要显示某个特定范围的地图,而且需要在地图上加上一些标记、折线。但是,你并不在乎你网页上的地图能否拖拽,那么,这个静态地图应该就是你需要的了。[br] 所谓静态地图,意思就是你在页面上嵌入的其实只是一个gif图片,这个gif图片是你通过url从谷歌动态获取的,这样的嵌入地图就有别于我们常用的“动态”地图了,而且,加载这样的地图,比加载一个完整的地图要快捷的多。[br] 要在你的页面上使用这样的静态地图,只需要使用一个img标签,把这个标签的src属性指定为谷歌静态地图的url就可以了。[br] 看一个简单的静态地图url:http://ditu.google.cn/staticmap?center=39.915175,116.389332&zoom=14&size=500x300&key=your_key_here[br] 在这个url中,你可以编辑center、zoom、size这些参数来指定地图的中心点、缩放级别、地图大小等等,当然,如果需要在地图上添加标记、折线,你还可以加上对应的参数。不过,不用担心你要记住这么多参数,这里有一个[url=http://chinamaps.googlecode.com/svn/4blogs/static-map-wizard.html]定制静态地图的向导[/url],简单的几步就可以得到你需要的url了。如果有兴趣,可以去研究一下[url=http://code.google.com/intl/zh-cn/apis/maps/documentation/staticmaps/]谷歌静态地图的api文档[/url]。[br] 严格来说,谷歌静态地图也是谷歌地图api的一种,所以,使用静态地图是需要你的谷歌地图api密钥的,如果你之前定义过地图api的密钥,直接copy过来就可以了,不需要再去注册。如果你不知道密钥是怎么回事,那就看看[url=http://hi.baidu.com/clive_studio/blog/item/cf13afb26555d4aed9335ada.html]我之前对密钥的解读[/url]吧。[br][b]3、最自由的方法 --使用谷歌地图api[/b][br] 如果上面两种方式都不能满足你的需求,那么,就来试试[url=http://code.google.com/intl/zh-cn/apis/maps/]谷歌地图api[/url]吧。虽然谷歌地图api已经细分为javascript、flash、earth、static等等多个版本,但是,在我看来,javascript api是谷歌地图api的根本,所以,在我的博客里,除非特别指明,说到谷歌地图api都是指谷歌地图javascript api。使用这个api,你可以用你愿意的任何可行的表现形式在地图上展现你的数据,甚至可以把你自己的地图做的比谷歌地图还漂亮。[br] 要使用这个api在页面中嵌入地图,简单的步骤就是:[br] 1)使用javascript标签导入地图api类库;[br] 2)在页面上定义一个装载地图的元素,通常使用一个div标签,指定width和height;[br] 3)在你的javascript代码中new gmap2(document.getelementbyid("your map container's id"));[br] 4)使用gmarker、gpolyline等api中提供的类定制你要在地图上添加的标记、折线等等。[br] 详细的创建谷歌地图过程可以看看我的“[url=http://logfei.blogspot.com/2008/11/api_7619.html]使用javascript创建地图步骤详解[/url]”。但是,要想自如的使用这个api,你需要具备一定的javascript知识和动手能力,此外,强烈建议你先读读[url=http://code.google.com/intl/zh-cn/apis/maps/documentation/index.html]谷歌地图javascript api的开发指南[/url],能够解决你的一些常见疑问,当然了,你也可以在我的博客里找找你想了解的知识。[/p]
[p] 除了上面说的这几种方法,其实还有一些比较少用的方法也可以在网页中嵌入地图,比如[url=http://code.google.com/intl/zh-cn/apis/gadgets/]使用google gadget api[/url],我在博客右边栏嵌入的地图使用的就是gadget api。[/p]
[p] 如果你不需要在自己的页面中嵌入地图,或者,你没有自己的网站,那么,使用mapplet api也是一个不错的创建你自己的地图的方式。这是一个可以在谷歌地图主页上“我的地图”中运行的小程序,它的api其实就是谷歌地图api的一个子集,因为要在谷歌地图主页中嵌入,所以与谷歌地图api稍稍有一些不同。详细情况可以参考一下[url=http://code.google.com/intl/zh-cn/apis/maps/documentation/mapplets/]mapplet api的开发文档[/url] 。[/p]

该文章在 2010/7/3 18:46:35 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved