[英]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.