/ 博客 / 4763阅

谷歌地图(Google Map)中iframe实现跳转新窗口打开链接功能

问题:用WordPress或者Z-blog搭建的网站中如果植入自定义的谷歌地图,则标签里的HTML不支持<a>的_target属性,不能_blank也不能_parent,链接只能在iframe里显示,基本上等于无用。

解决方案:

1、使用插件,比如XML google maps plugin、Inline Google Maps、Google Maps v3 Shortcode等等,但是缺点是有时候图标会错位,有时候图片显示不完全等。

2、仍然使用iframe,但是需要一点技巧: 到http://maps.google.com(推荐用Google Chrome浏览器),点击“我的地图”,然后点到自定义的地图(比如我的Footprints),点“修改”切换到修改模式,在右上角找到“在Google地球中查看”,右键复制链接:

http://maps.google.com
http://maps.google.com

3、新打开一个maps.google.com,把这个连接贴到顶部搜索框,然后点“搜索地图”;

4、点“分享链接”,拷贝粘贴新的iframe代码或者自定义并预览内嵌的地图以便符合网站尺寸:

http://maps.google.com
http://maps.google.com

然后就搞定了。效果参见:https://synyan.cn/footprints/

觉得这篇文章有用?请读者们留言。

# 写于十四年前,改于三年前
           

27

  1. *Xue|Snow*

    研究一个多小时,终于成功了,哈哈。早就想有一个这样的地图了,真谢谢老虎兄啦。你在WORDPRESS的网址是什么啊?你有好几个地方,我都晕了,我想subscribe你啊

    Sogou Explorer · Windows XP
    1. S̆̈

      @*Xue|Snow*恭喜恭喜啊!mm你还是很厉害的嘛,很多男生都搞不定的哟!
      我现在不在wordpress.com了,已经自己建站了。所以,你直接订阅synyan.net主页上两个RSS种子就行了!

      Firefox 4 · Windows 7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注