javascript - 缩小至最低范围的 bing map 不适合 map 区域

标签 javascript zooming openlayers bing-maps

当我们通过向下滚动或单击缩放 (-) 符号将 map 尺寸减小到尽可能小的尺寸时,会显示一个与我的网页上的 map 区域不完全匹配的正方形。

我通过 openlayer 实现了 bing map 。

由于 stackoverflow 上的存储库限制,无法附加图像。

到目前为止,我的实现看起来像 current look但我希望 map 应该看起来像 desired look

最佳答案

如果您的意思是您的 map 对于 DIV 区域来说太小,但 DIV 区域本身还可以,您可以通过在 map 初始化时设置 map 选项来告诉您的 map 要使用的最后一个缩放级别:

  map = new OpenLayers.Map("map",{ numZoomLevels: 5, minZoomLevel: 3, maxZoomLevel: 5 } );

加/减缩放仅使缩放发生变化,而不改变 map 区域,该区域在页面内保持不变。那么您希望缩放如何影响 map 区域呢? map 的面积仅取决于放置 map 的 DIV 的大小。 这是第一个示例中的 DIV:<div id="map" class="smallmap"></div> 。如果更改 DIV 元素的比例, map 的面积也会更改。

关于javascript - 缩小至最低范围的 bing map 不适合 map 区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23517823/

相关文章:

javascript - 使用更改图像隐藏和显示 div

javascript - React Redux 历史错误 - TypeError : (0 , _history2.default) is not a function

zooming - UITextView 和 contentScaleFactor

actionscript-3 - 如何使用 ActionScript 放大舞台

z-index - 更改 openlayers 中标记的 z 索引

javascript - 使用全局变量存储数字 (JavaScript)

javascript - Google map 自定义数据层在缩放时不触发

ios - 使用 ScrollView 缩放图像 Swift ios

javascript - openlayers bing 隐藏标签

javascript - 安全错误 : The operation is insecure in canvas. 到数据 URL