Javascript 网页放大时如何处理地图_Javascript_Google Maps_Iframe_Bing Maps

Javascript 网页放大时如何处理地图

javascript google-maps iframe

Javascript 网页放大时如何处理地图,javascript,google-maps,iframe,bing-maps,Javascript,Google Maps,Iframe,Bing Maps,我有一个包含地图的iframe网页。因此，我的html看起来像： <div> <iframe src="url" > <!Doctype html5> <html> <head></head> <body> <div id="map"></div> </body> </html> </iframe> <

我有一个包含地图的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

请帮帮我。

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

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

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

你有任何工作的例子吗？像一个傻瓜？