地图infowindow中的iframe不适合第一次加载

Question

• 内置iframe的小型谷歌地图信息窗
首次点击标记时，
• iframe不适合infowindow（右侧切断）
• http://tinypic.com/r/359ikpk/8

• 第二次点击标记修复问题

• JSfiddle示例问题如下，但首先是

• 你需要避免谷歌地图缓存（缓存地图修复问题）
• 在隐身/私人标签页中打开

http://jsfiddle.net/armandsp/kdH9C

  var infowindow = new google.maps.InfoWindow({
      content: 'Below is iframe border<br /><iframe src="http://www.lielvarde.lv/tmp" style="width:300px; height:300px; border:3px solid red;"></iframe>'
  });

Answer 1

添加！重要;在#map上的高度和宽度属性之后，一定要设置#map width：100％;

http://www.kriesi.at/support/topic/google-maps-iframe-has-height-and-width-overwritten-with-inline-styles/

Answer 2

找到了解决方法

• 将所有内容放入比infowindow中的内容大一点的div中
• http://jsfiddle.net/armandsp/u8nbzoop/

我猜测infowindow在测量iframe方面遇到了麻烦，因为在创建信息窗时iframe没有内容。然后，iframe加载并且它的滚动条以某种方式甩掉。

  var infowindow = new google.maps.InfoWindow({
    content: '<div style="width:300px; height:300px;">Title lorem ipsum<br /><iframe src="http://www.lielvarde.lv/tmp" style="width:300px; height:270px; border:9px;"></iframe></div>'
  });