加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

(2013-08-03 12:10:51)
标签:

谷歌地图

旅游线路

嵌入

新浪博客

攻略

分类: 【说说IT】
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

    以往在新浪博客里与同好们介绍旅游线路时,都是用谷歌或百度等地图上线路查询结果的截图来分享的。这种截图方式一直存在一个毛病,就是当旅游线路很长、同时又包含一些很短的细节时,截图根本没有办法很好地呈现所有的线路信息。

    以前,老范也尝试用谷歌定义的嵌入代码,直接在新浪博客“显示源代码”状态下完成嵌入。但是因为新浪实际会过滤掉谷歌嵌入式代码中的“IFRAME”,因此一直没有实现将谷歌线路查询结果分享给朋友们的愿望。

    最近,为了更好地分享即将推出的《再游美西--黄石、大蒂顿、冰川国家公园及加州号1公路自驾》系列游记,老范尝试用“EMBED”嵌入谷歌利用“IFRAME”嵌入的代码,结果是可行的,用Google Chrome浏览器的效果非常好。下面就将详细的攻略分享给有同样需要的博友:

一、获得谷歌地图分享地址

    嵌入谷歌分享地图,首先需要从获得谷歌分享地图的地址开始。
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

    当你完成了在谷歌地图中“查询线路”或“制作地图”之后,可以点击左侧面板顶部的连接符号的分享按钮①。在弹出的对话框中,点击“自定义并预览内嵌的地图”链接②。这时不能直接复制“粘贴 HTML 以便嵌入到网站”框内的代码,因为这是“IFRAME”代码,新浪博客不支持。

    在弹出的自定义页面中,根据你自己新浪博客的板式与喜好自己定义封装地图的宽度与高度③。在预览的地图内选择希望封装的谷歌地图类型:“地图”、“卫星”、“地形”或“地球”④。在预览地图下面生成的HTML代码框中,选择并复制(CTRL+C)从“src="”引号后面到“=embeb”为止的这部分代码⑤,这就是下面要使用的“嵌入式地图的分享地址”。

二、利用EMBED嵌入分享地图

    在新浪博客“发博客”模式下,选择“显示源代码”,将下列代码复制粘贴到你选择的地方。

=======================================================================
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法=======================================================================
    上述代码中,数字“690”要修改与你指定的宽度一致、数字“475”要修改与你指定的高度一致。

    “嵌入式地图的分享地址”,就是上述获得谷歌地图分享地址中最后获得的地址。

    “在较大的地图中查看后面的分享地址”,可以使用最后输出的HTML代码框中“在较大的地图中查看后面的分享地址”后面给出的地址,也可以使用点击左侧面板顶部的链接符号的分享按钮后弹出窗口里的短地址。

用Google Chrome浏览:行程地图(可以任意移动或缩放,点击节点查看名称。或直接进入谷歌地图查看

    完成将谷歌分享地图嵌入新浪博客的操作!

    阅览的朋友可以任意放大、缩小、移动分享地图,也可以随意修改呈现的具体方式如“地图”、“卫星”、“地形”或“地球”等。既可以非常方便地纵览整个行程的全貌、也可以仔细研究每一站的具体细节。使整个旅行行程分享更方便。

老范游记微信公共账号(V-Trip):
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
关注公号、随时随地获得老范游记。
    用相同的方法也可以嵌入其他地图分享的线路,具体内容取决于地图封装的内容与格式。如搜狗地图和SOSO地图都是短地址分享,实际就是将地图的线路查询结果用嵌入式方式分享出来,并无特别封装。喜欢的朋友可以尝试一下。

    老范个人还是更喜欢谷歌嵌入式的封装方式。这种方式不仅简洁、明了,更主要的是其中还有自己制作旅行地图的内容。这样的分享,可以使游记在线路介绍上变得更加生动。
==================================================
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
2009年10月-2009年12月
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
2011年01月-2011年12月
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
2012年1月-2012年12月
(点击图片可以直接进入相应的汇编专辑、或选择进入【老范钩沉】查看全部汇编专辑)
==================================================

拍拍照片:
已推荐到IT博客,点击查看更多精彩内容古都西安——秦俑表情【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
秋染京城 —— 之三北海菊花展【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法
诗画·荷花 【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

听听音乐:
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法 【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法古巷幽幽--福州三坊七巷随拍
【博客技巧】将分享的谷歌地图嵌入新浪博客里的方法

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有