[英]Openlayers custom control event listener get map
I am using osm
and openlayers
to display two maps.我正在使用
osm
和openlayers
来显示两张地图。
I created a custom control:我创建了一个自定义控件:
function getDrawPolygonControl() {
const button = document.createElement('button');
button.innerHTML = '<i class="fas fa-pen"></i>';
button.addEventListener('click', e => {
// how to get the correct map instance here????
console.log(e);
});
const element = document.createElement('div');
element.className = 'ol-draw ol-control';
element.appendChild(button);
return new ol.control.Control({element: element});
}
In my initMap() function i add it to the respective map using:在我的 initMap() function 中,我使用以下命令将其添加到相应的 map 中:
const controls = [new ol.control.FullScreen(), new ol.control.Attribution(), getDrawPolygonControl()];
const map = new ol.Map({
view: view,
target: target,
controls: controls,
});
The question now is how to i get the correct map instance in my onClick listener?现在的问题是如何在我的 onClick 监听器中获得正确的 map 实例?
Try calling the control constructor earlier so you can reference it:尝试更早地调用控件构造函数,以便您可以引用它:
function getDrawPolygonControl() {
const button = document.createElement('button');
button.innerHTML = '<i class="fas fa-pen"></i>';
const element = document.createElement('div');
element.className = 'ol-draw ol-control';
element.appendChild(button);
const control = new ol.control.Control({element: element});
button.addEventListener('click', e => {
console.log(control.getMap());
});
return control;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.