javascript - 限制诺基亚 map 的缩放(Javascript Api)

Question

我已经使用java脚本Api实现了诺基亚 map 。 map 中有各种缩放级别。

有没有办法可以将 map View 限制在特定国家/地区？我的意思是假设我用缩放级别初始化 map ，这样我在 map 上只能看到美国。但用户可以缩小并查看不同的国家/地区。我不想完全关闭缩放功能，因为我希望用户能够在美国境内放大和缩小。

我的 map 实现如下 -

       var map = new nokia.maps.map.Display(document.getElementById("map"),
       {           
         'components': [ new nokia.maps.map.component.ZoomBar(),
                         new nokia.maps.map.component.Behavior(),
                         new nokia.maps.map.component.DistanceMeasurement(),
                         new nokia.maps.map.component.Overview(),
                         new nokia.maps.map.component.ScaleBar(),
                         new nokia.maps.positioning.component.Positioning(),
                         new nokia.maps.map.component.ContextMenu(),
                         new nokia.maps.map.component.ZoomRectangle()],
            'zoomLevel':4   ,       
            'center':[39.8282, -98.5795]            
      });

Answer 1

要限制区域，您需要编写一个事件监听器，并监听 map 的“mapviewchangeend”事件。如果 map center 属性落在给定的边界框之外，则监听器可以更改它。要限制缩放，请向 zoomLevel 属性添加观察者并限制最大或最小级别。

理想情况下，由于此类功能是可重用的，因此应将其创建为 MapComponent 并附加到 map 。

可以在 GitHub here 上找到示例 map 限制组件(限制区域和缩放)

它可以按如下方式初始化和使用:

var bounds = new nokia.maps.geo.BoundingBox(
    new nokia.maps.geo.Coordinate(54.8073, 5.9845),
    new nokia.maps.geo.Coordinate(47.4136,14.3671)
);
restrictControl = new RestrictMap(5, 20, bounds);

map.components.add(restrictControl);

您只需要更改范围即可覆盖美国的地理坐标。