簡體   English   中英

如何添加最大和最小縮放的底圖 HereMaps JS Api

[英]How to add base map with max and min zoom HereMaps JS Api

我剛剛開始使用 HereMaps 和我將 JavaScript 和 Typescript 與 Angular 混合使用的冒險。 我的地圖可以使用其他設置正確渲染,但我無法設置最大和最小縮放級別。 我讀到我可以設置圖層的最大和最小級別,但是設置地圖最大和最小縮放的屬性在哪里?

let defaultLayers = this.platform.createDefaultLayers();
let map = new H.Map(
    this.mapElement.nativeElement,
    defaultLayers.vector.normal.map,
    {
        zoom: 10,
        center: { lat: this.lat, lng: this.lng },
        renderBaseBackground: {lower: 2, higher: 2}
    }
);
map.getViewModel().setLookAtData({
    tilt: 30
});        
var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
var ui = H.ui.UI.createDefault(map, defaultLayers);
map.addLayer(new H.map.layer.Layer({
    min: 3,
    max: 7
}));

關於如何設置它的任何想法?

你可以實現它(例如,從8變焦10變焦),此代碼的代碼

map.getBaseLayer()
    .setMin(8)
    .setMax(10);

或者

map.addEventListener("mapviewchange", e => {
    if (!e.oldValue.lookAt) return;
  let newZoom = e.newValue.lookAt.zoom;
    //console.log("zoom:", e.modifiers, e.oldValue, e.newValue);
  if(newZoom > 10){
    map.setZoom(10);
  }
  if(newZoom < 8){
    map.setZoom(8);
  }

});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM