[英]How to bind zoom change in OpenLayers in Angular 9
我正在为我的 openlayers map 寻找一些更改监听器。
对于一个没有经验的Angular的人,我不确定是否应该绑定div更改,或者我不知道如何直接绑定map的部分? 在这种情况下,如果没有任何可以设置(更改)或(ngModel)或类似元素的元素,我该如何调用我的 function?
map 正在创建 onInit 调用此 function:
createOpenLayersMap(){
this.map = new Map({
target: 'hotel_map',
layers: [new TileLayer({
source: new OSM()
})],
view: new View({
center: olProj.fromLonLat([this.lng, this.lat]),
zoom: 7
})
});
this.crForm = this.fb.group({
crControl: [1],
crEndControl: [1]
});
}
map 目标是 id 为“hotel_map”的 div:
CSS:
#hotel_map {
height: 100%;
width: 100%;
}
HTML:
<div id="hotel_map" (change)="getZoom()"></div>
Typescript function:
zoomLevel: any = '';
getZoom(){
this.zoomLevel = this.map.getView().getZoom();
console.log(this.zoomLevel)
}
现在我需要知道用来改变圆半径的缩放参数。
对于任何解决方案和建议,提前致谢!
this.map.getView().on('change:resolution', () => {
this.zoomLevel = this.map.getView().getZoom();
console.log(this.zoomLevel)
})
只听“变化:分辨率”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.