限制放大诺基亚地图(Javascript Api)

时间:2013-11-05 16:09:54

标签: javascript api here-api

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

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

我的地图实现如下 -

       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]            
      });

1 个答案:

答案 0 :(得分:2)

要限制区域,您需要编写事件监听器,并聆听地图的"mapviewchangeend"事件。如果映射center属性超出给定的边界框,则监听器可以更改它。要限制缩放,请将观察者添加到zoomLevel属性并限制最大或最小级别。

理想情况下,由于此类功能可重复使用,因此应将其创建为MapComponent并附加到地图上。

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

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

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);

你只需改变边界就可以覆盖美国的地理坐标。