降低到最低程度的bing贴图不适合地图区域

时间:2014-05-07 12:27:45

标签: javascript zoom openlayers bing-maps

当我们通过向下滚动或单击缩放( - )符号将地图大小缩小到可能的最小尺寸时,会显示一个正方形,该正方形不完全适合我网页上的地图区域。

我在openlayer上实现了bing map。

由于stackoverflow上的repo约束,

无法附加图像。

截至目前,我的实施方式如current look,但我希望地图看起来像desired look

1 个答案:

答案 0 :(得分:1)

如果您的地图对于DIV区域而言太小,但DIV区域本身没问题,您可以通过在地图init处设置地图选项来告诉您的地图您想要使用的最后一个缩放级别:

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

加/减缩放仅使您的缩放更改,而不是地图区域,该区域在页面内保持不变。那么你想如何通过缩放来影响地图的区域? 地图的面积仅取决于放置地图的DIV的大小。 这是你的第一个例子中的DIV:<div id="map" class="smallmap"></div>。如果更改DIV元素的比例,则地图的面积也会更改。