如何将「Google动态地图」嵌入到博客或网页中?
2007/8/24内容更新: Google Maps 已开放「嵌入动态地图」到自己的网页
常常写美食日志或写游记的人,一定会常常需要将某个地点的的图秀给你的读者或朋友看,但一般情况下,,
有的!这下子真的有罗!以下介绍一个简单好用的网路地图telegram中文,让我们可以将自己选定的景点或地址嵌入到自己的网页或BLOG上。以後当你提到某的地点时,就可以直接让网友在你的网站上像使用Google Maps一样,用滑鼠拖、拉地图,找找方向。
继续阅读
Google动态地图范例:
以下介绍的这个网站,我猜他应该也是使用Google的「」来做的,该站站长将他弄成更简单方便的介面後,一般使用者就可以直接按两下滑鼠取得程式码,并将Google动态地图嵌入到任何网页上。不用再费心的搞一堆「」程式码跟有的没的东西,就算是不会写程式的一般使用者,也可以轻易的在博客上贴地图唷。
网站名称:Embed Google ‘My Maps’
网站网址:
在开始使用之前,先稍为介绍一下上面这个网站的大概用法。他有两种主要用法:第一种是将你要显示的地点,设定好地图位置与大小後,直接嵌入程式码。
2种方式方法可能让我们先在Google Maps上建好自个儿的「我的地图」,「我的地图」里面可能添加多个地点的说明、标题、划线跟画框区块性功能下降,方便简洁网友们更快的查到方面或相关资料,听说还可能加带Flickrtelegram中文头像性功能下降(这不确定唷)。一些先介绍首先种较简单的添加动态Google地图的方式方法:一、设定Google地图地址、尺码与器具列
使用形式其实很简单,只需确定上边步骤做就可不可以罗:设定步骤:
1. 在「左边的地图」找到你要显示的地点
2. 按〔Set Zoom〕按钮(设定辨析度)
3. 按〔Set Center〕按钮(设定地图中心的点)
4. 勾选「控制列」与「中心点标示」功能
5. 设定地图宽度与高度(Size)
6. 将地图程式码贴到你的网站
第一步?? 首先,开启「Embed Google ‘My Maps’」网站,网站主要分两个区块,左边的地图是用来寻找地点用的,你可以在左边地图用滑鼠拖拉、放大或寻找你要的地点。找到地点并按下定位按钮後,右边地图就会变成跟左边一模一样的画面,确认画面无误後,就可以使用右边地图下方的嵌入程式码将地图嵌入到你的网站中。
第2步? 如图,我们可以在左边地图中拖拉地图寻找你要的地点。在部份情况下,你也可以用左下方的「Address Search」功能来寻找你要的地点,如输入「世贸」,再按下〔Recenter〕按钮,即可直接跳到台北101大楼旁边的台北世贸。(有些地点服务器不到的话,请用手动的)
第5步??在左边地图找到你要的地点後,按一下〔Set Zoom〕按钮,完成「地图解析度」的定位设定。设定好之後,以後当使用者开启该地图时,便会自动显示你指定的地图解析度,不用一直拉远或拉近(放大)来看。
第4步?? 接着再按一下〔Set Center〕按钮,完成地图中心点位置的设定。设定好之後,以後当使用者开启该地图时,便会自动跳到你指定的那个地点,不用再花时间找路。
第5步?? 接着我们可以勾选「Map Control」跟「Mark Center」这两个选项,「Map Control」就是地图左上方的方向键与放大、缩小地图的「+」跟「-」的telegram中文列。而「Mark Center」就是帮你在地图的中心点,也就是你指定的地址上放一个指标图,方便网友更清楚的看到你指定的地点。
第6步? 最後,如果你想调整地图呈现的大小的话,可以修改「Size」栏位中的数字,每做一次修改,都会直接显示在右边的地图中,让我们先行预览制作完成的地图样貌。确认无误後,再复制「Code」方框中的程式码,将这些程式码贴上到你的网站或博客中。范例就如同本站最上方的那个Google动态地图。
二、将Google动态地图嵌入到BLOG或网页中
注意!目前测试无名小站、Yahoo!奇摩博客均不支援「iframe」语法(其实也没关系,有支援正妹跟美女图就够了…),另外找到PIXNET(痞客帮)博客服务可以支援,所以下面就用PIXNET博客服务来示范。
第22步? 登入你的博客後,发表新文章时先将文章编辑器切换成一般编辑器(没有笑脸图示的那种),或者在进阶编辑器中按一下〔原始码〕按钮,切换原始码编辑模式来编辑文章。
第2步? 接着将刚刚的Google地图程式码贴上在文章中你想要显示的地方,编辑好之後,再按下〔发表文章〕按钮。
第三步? 如图,你的文章中便会出现刚刚的地图,地图中会出现你指定的地点与标示。
,更新:
另外一个更方便的嵌入地图制造器:
我想将公司的地图 以GOOGLE MAP的方式 放到公司的网站中
不知道有没有什麽使用权限的问题?
我有一个免费的房地产租售张贴网站.要像这功能的地图功能谁能帮忙(可付费)
.
请跟我联系[email protected]