谷歌地图（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地球中查看”，右键复制链接：

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

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

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

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

# 写于，改于。

WordPress Google Map iframe

共有 27 条评论

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
        回复
ric83311
上海

技术贴，楼上讨论很激烈。。。
十四年前 Maxthon 2 · Windows XP
回复
- S
  江苏
  *
  
  @ric83311 呵呵~你也可以试验一下，好用的。
  十四年前 Firefox 3 · Windows 7
  回复
  - ric83311
    上海
    
    @S 我可不是一般地懒啊。。。
    十四年前 Maxthon 2 · Windows XP
    回复
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
      回复
greg
上海

帮顶
十四年前 Maxthon 2 · Windows 7
回复
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
        回复
        
        ric83311
        上海
        
        @ric83311 咔咔，懒人一枚啊我
        十四年前 Firefox 3 · Windows 7
        回复

竹炉山房

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

共有 27 条评论

回复 h 取消回复