OpenLayers 4 - forEachFeatureAtPixel 上的 LayerFilter
OpenLayers 4 - LayerFilter on forEachFeatureAtPixel
我有 2 个矢量图层,我只希望其中 1 个可供 WFS 获取特征信息层选择。 OL4 文档告诉我 forEachFeatuerAtPixel 函数有一个 opt_layerfilter。
我遇到的情况与此类似:。
由于我缺乏 JavaScript 知识,我似乎无法在 OpenLayers 4 中使用以下代码:
var displayFeatureInfo = function (pixel) {
var features = [];
map.forEachFeatureAtPixel(pixel, {
layerFilter: function (layer) {
return layer.get('name') === 'isochrones';
}
}, function (feature) {
features.push(feature);
});
if (features.length > 0) {
var info = [];
var i, ii;
for (i = 0, ii = features.length; i < ii; ++i) {
info.push('<div id="infobox">' + '<p2>' + 'Isochroon ' + features[i].get('name') + ', locatie ' + features[i].get('facilityid') + '</p2>' + '<p>' + 'aantal lopend: ' + features[i].get('n_pedestrians') + ', fiets: ' + features[i].get('n_bike') + ', ebike: ' + features[i].get('n_ebike') + '<br>' + 'speedpedelec: ' + features[i].get('n_speedpedelec') + ', auto: ' + features[i].get('n_car') + '</p>' + '</div>');
}
document.getElementById('info').innerHTML = info.join(', ') || ' ';
} else {
document.getElementById('info').innerHTML = ' ';
}
};
map.on('click', function (evt) {
displayFeatureInfo(evt.pixel);
});
我想要选择的图层名为“等时线”。
当我尝试单击地图中的任何矢量图层时,它会抛出错误“d.call 不是函数”。
谁能指出我正确的方向?
看起来你的参数被调换了。
forEachFeatureAtPixel 的参数是(像素、回调、选项)
您有(像素、选项、回调)
我有 2 个矢量图层,我只希望其中 1 个可供 WFS 获取特征信息层选择。 OL4 文档告诉我 forEachFeatuerAtPixel 函数有一个 opt_layerfilter。
我遇到的情况与此类似:
var displayFeatureInfo = function (pixel) {
var features = [];
map.forEachFeatureAtPixel(pixel, {
layerFilter: function (layer) {
return layer.get('name') === 'isochrones';
}
}, function (feature) {
features.push(feature);
});
if (features.length > 0) {
var info = [];
var i, ii;
for (i = 0, ii = features.length; i < ii; ++i) {
info.push('<div id="infobox">' + '<p2>' + 'Isochroon ' + features[i].get('name') + ', locatie ' + features[i].get('facilityid') + '</p2>' + '<p>' + 'aantal lopend: ' + features[i].get('n_pedestrians') + ', fiets: ' + features[i].get('n_bike') + ', ebike: ' + features[i].get('n_ebike') + '<br>' + 'speedpedelec: ' + features[i].get('n_speedpedelec') + ', auto: ' + features[i].get('n_car') + '</p>' + '</div>');
}
document.getElementById('info').innerHTML = info.join(', ') || ' ';
} else {
document.getElementById('info').innerHTML = ' ';
}
};
map.on('click', function (evt) {
displayFeatureInfo(evt.pixel);
});
我想要选择的图层名为“等时线”。 当我尝试单击地图中的任何矢量图层时,它会抛出错误“d.call 不是函数”。
谁能指出我正确的方向?
看起来你的参数被调换了。
forEachFeatureAtPixel 的参数是(像素、回调、选项)
您有(像素、选项、回调)