问题:用 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://travel.synyan.net/footprints/

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

共有 27 条评论

  1. 第二种方法有问题,我这边:在右上角找到 “在 Google 地球中查看”,右键复制链接
    这里的右键链接只是 maps.google.com,在 “分享” 里可以找到类似你下张图上的链接,但却搜索不到,肯定是哪里有问题,我现在还没有完全理解你的思路。

    Internet Explorer 7 Internet Explorer 7 Windows XP Windows XP
            1. @h 但是我要提醒你,这个方法的弊端是,更新了 google 地图,就需要更新一次 blog 中的地图,因为 kml(也就是 “在 Google 地球中查看” 这个链接)不是即时更新的…… 囧囧

              Google Chrome 8 Google Chrome 8 Windows 7 Windows 7
            2. @h

              “ 但是我要提醒你,这个方法的弊端是,更新了 google 地图,就需要更新一次 blog 中的地图,因为 kml(也就是 “在 Google 地球中查看” 这个链接)不是即时更新的…… 囧囧”

              sorry 刚才验证了一下,好像在这种方法下的 KML 是及时更新的,哈哈。没事没事。不用担心。

              Google Chrome 8 Google Chrome 8 Windows 7 Windows 7
  2. 奇怪,现在就是图片显示还有问题。我原来的图片只是圆点那么大,现在改成 32 见方,理应正常了,但还是有问题,我估计是不是地图中显示的有缓冲,其他地方显示都很正常。

    Internet Explorer 7 Internet Explorer 7 Windows XP Windows XP
      1. @Yan 现在正常了。另外,这个评论回复插件,怎么楼层多了就没有再回复的功能了?

        Internet Explorer 7 Internet Explorer 7 Windows XP Windows XP
  3. @老虎, 求救,我用的 xiami 的动态 swf,想要插入到 wordpress 主页或者 post 里去播放音乐,就永远不会成功的。。。我吐血啊。。。怎么办。。。高手指点啊。。。

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

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

      Firefox 4 Firefox 4 Windows 7 Windows 7

发表评论

电子邮件地址不会被公开。 必填项已用*标注