如何解决如何在Angular 9中的OpenLayers中绑定缩放更改
我正在为我的openlayers地图搜索一些更改监听器。
对于一个没有经验的Angular人,我不确定是否应该绑定div更改,或者我不知道如何绑定的部分直接绑定地图?在那种情况下,如果没有可以设置(change)或(ngModel)或类似元素的元素,我该如何调用函数?
正在init上创建地图,调用此函数:
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]
});
}
地图目标是ID为“ hotel_map”的div:
CSS:
#hotel_map {
height: 100%;
width: 100%;
}
HTML:
<div id="hotel_map" (change)="getZoom()"></div>
打字稿功能:
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)
})
只听“ change:resolution”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。