Here api 如何在诺基亚地图API 2.2.0中更改zoombar的位置

Here api 如何在诺基亚地图API 2.2.0中更改zoombar的位置,here-api,Here Api,Zoombar位于地图中心的右侧 我需要将zoombar定位到屏幕左上角 我怎么做 地图的创建如下所示: ctrl_scalebar = new nokia.maps.map.component.ScaleBar(); ctrl_zoombar = new nokia.maps.map.component.ZoomBar(); ctrl_maptype = new nokia.maps.map.component.TypeSelector(); ctrl_overview = new nokia

Zoombar位于地图中心的右侧

我需要将zoombar定位到屏幕左上角

我怎么做

地图的创建如下所示:

ctrl_scalebar = new nokia.maps.map.component.ScaleBar();
ctrl_zoombar = new nokia.maps.map.component.ZoomBar();
ctrl_maptype = new nokia.maps.map.component.TypeSelector();
ctrl_overview = new nokia.maps.map.component.Overview();
ctrl_behavior = new nokia.maps.map.component.Behavior();

map = new nokia.maps.map.Display(document.getElementById("map"),
{
    center: [52.51, 13.4],
    zoomLevel: 10,
    components:
    [
        ctrl_scalebar,
        ctrl_zoombar,
        ctrl_maptype,
        ctrl_overview
    ]
});
根据诺基亚地图2.2.0已被弃用,您应该更新到2.5.4

如果查看由映射生成的DOM,您将发现以下元素:

<div class="nm_arrangeableAnchor nm_middle">
    <div class="nm_zoomWrap nm_wrap nm_left" aria-expanded="true" aria-hidden="false" tabindex="0">
          ......                
    </div>
</div>

......                
您应该能够使用jQuery之类的工具来获取节点,并将CSS类从
nm\u left
更改为
nm\u right
nm\u middle
更改为
nm\u top
。通过向这些元素添加自定义样式,可以进行进一步调整