[英]Get a feature properties for the layer which has been clicked in OpenLayers 3
我正在使用Geoserver处理OpenLayers 3,我有四个矢量图层,我使用singleclick
事件获取每个功能的属性并在弹出窗口中显示它们。
现在我的问题是,当我点击最高层的一个特征时,我得到了所有较低层的属性,我使用了forEachFeatureAtPixel
但我不知道如何为每一层指定它!
这是我的代码:
var OpenMeters = function (evt) {
content.innerHTML = "";
var feature = map.forEachFeatureAtPixel(evt.pixel,
function (feature, layer) {
if (feature) {
var coord = map.getCoordinateFromPixel(evt.pixel);
var objeto = feature.getProperties(),propiedades;
for (propiedades in objeto)
{
content.innerHTML += '<b>' + propiedades + '</b> : <i><b>'+ objeto[propiedades]+'</b></i><br />';
}
overlay.setPosition(coord);
} else {
overlay.setPosition(undefined);
}
});
};
map.on('singleclick', OpenMeters);
var select = new ol.interaction.Select();
map.addInteraction(select);
如何为每一层指定singleclick
事件? 有帮助吗?
您不能为每个图层指定单击,但是根据forEachFeatureAtPixel函数的api文档 :
Returns:
Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
因此,如果您在第一次回调时返回一个值,您将获得您点击的第一个功能:
var feature = map.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
return feature;
});
if (feature) {
var coord = map.getCoordinateFromPixel(evt.pixel);
var objeto = feature.getProperties(),propiedades;
for (propiedades in objeto) {
content.innerHTML += '<b>' + propiedades + '</b> : <i><b>'+ objeto[propiedades]+'</b></i><br />';
}
overlay.setPosition(coord);
} else {
overlay.setPosition(undefined);
}
};
SNIPPET没有测试
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.