Question

我有一个包含iframe的网页。所以我的HTML看起来像：

<div>
<iframe src="url" >
 <!Doctype html5>
  <html>
    <head></head>
    <body>
      <div id="map"></div>
    </body>
  </html>
</iframe> 
</div>

ID为“map”的div的高度为100％所以div＃map，iframe页面正文将具有与iframe相同的宽度和高度。现在，当用户放大页面时，我正在通过javascript调整iframe的大小，使其看起来与缩放级别1相同。

当我调整iframe的大小时，它的内部内容div #map也会调整大小（意味着它的高度和宽度会根据iframe改变）但是地图仍然处于放大状态。

有没有办法显示地图，因为它正在查看缩放级别1？我正在使用bing和谷歌地图api。

请帮帮我。

Answer 1

调整窗口大小时，地图不会缩放。它似乎是放大的，这是一种视错觉。此外，为了确保您的地图填充iframe的完整内部，请确保地图页面具有以下CSS样式：

html, body{
margin:0;
padding:0;
height:100%;
width:100%;
}

#map{
position:relative;
width:100%;
height:100%;
}