问题:用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. h

    安徽

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

    十三年前 Internet Explorer 7 · Windows XP

    回复

    • h

      安徽

      @h 把ie换成firefox又试了一次,没有问题。

      十三年前 Internet Explorer 7 · Windows XP

      回复

      • h

        安徽

        @h 奇怪的是,图标变得很大,是我的缓存问题,还是怎么回事?

        十三年前 Internet Explorer 7 · Windows XP

        回复

        • S

          江苏

          @h 应该是你一开始图标就太大了吧!我的图标都是小圆点。

          十三年前 Google Chrome 8 · Windows 7

          回复

          • h

            安徽

            @S 不是,我的图片是小的,不知道为什么被放大了。

            十三年前 Internet Explorer 7 · Windows XP

            回复

            • S

              江苏

              @h 你的图片是多大,会不会是太小了?图标必须设置成大于等于36x36。

              十三年前 Google Chrome 8 · Windows 7

              回复

            • h

              安徽

              @h 哦,那是太小了,我再试试。

              十三年前 Internet Explorer 7 · Windows XP

              回复

            • S

              江苏

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

              十三年前 Google Chrome 8 · Windows 7

              回复

            • S

              江苏

              @h

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

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

              十三年前 Google Chrome 8 · Windows 7

              回复

  2. ric83311

    上海

    技术贴,楼上讨论很激烈。。。

    十三年前 Maxthon 2 · Windows XP

    回复

    • S

      江苏

      @ric83311 呵呵~你也可以试验一下,好用的。

      十三年前 Firefox 3 · Windows 7

      回复

      • ric83311

        上海

        @S 我可不是一般地懒啊。。。

        十三年前 Maxthon 2 · Windows XP

        回复

  3. h

    安徽

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

    十三年前 Internet Explorer 7 · Windows XP

    回复

    • S

      江苏

      @h 36啊,不是32。不过,cache的确是存在的。

      十三年前 Google Chrome 8 · Windows 7

      回复

      • h

        安徽

        @S 现在正常了。另外,这个评论回复插件,怎么楼层多了就没有再回复的功能了?

        十三年前 Internet Explorer 7 · Windows XP

        回复

        • S

          江苏

          @h 是我限制了thread comment的层数不超过5层,不然太乱了呵呵。

          十三年前 Google Chrome 8 · Windows 7

          回复

  4. greg

    上海

    帮顶

    十三年前 Maxthon 2 · Windows 7

    回复

  5. ric83311

    上海

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

    十三年前 Firefox 3 · Windows 7

    回复

    • S

      江苏

      @ric83311 貌似不可以吧?只能用html。除非你像我一样自己建造一个wp站点……

      十三年前 Firefox 3 · Windows 7

      回复

      • ric83311

        上海

        @S 好吧,多谢指教,我从此放弃这项事业了。。。

        十三年前 Maxthon 2 · Windows XP

        回复

        • S

          江苏

          @ric83311 哈哈,没这么严重。话说自建站点很好玩的说。

          十三年前 Firefox 3 · Windows 7

          回复

          • ric83311

            上海

            @S 那也得是程序功底深厚的人才可以啊,我们这种就算了。。。

            十三年前 Maxthon 2 · Windows XP

            回复

            • S

              江苏

              @ric83311 不需要功底吧……感觉跟傻瓜式的也差不多

              十三年前 Google Chrome 8 · Windows 7

              回复

  6. Pingback: 在WordPress网页中嵌入谷歌地球(Google Earth) | 竹庐山房

    美国

  7. *Xue|Snow*

    辽宁

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

    十三年前 Sogou Explorer · Windows XP

    回复

    • S

      江苏

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

      十三年前 Firefox 4 · Windows 7

      回复

       

回复 h 取消回复

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