Maplibre 地図上のオブジェクトを調べる方法
Maplibreで表示されているオブジェクトの情報を調べる方法を紹介します。
map.current.on('click', (e) => {
const features = map.current.queryRenderedFeatures(e.point);
var infoAreaText = "";
for (var i = 0; i < features.length; i++){
infoAreaText += JSON.stringify(features[i].toJSON());
}
setinfoArea(infoAreaText);
});
map オブジェクトに対して 'queryRenderedFeatures()'メソッドで調べたい場所のポイントを指定することで、
クリックした場所のオブジェクトを調べます。
応答はリスト形式になっているため、forで回してgeoJSON化してinfoAreaTextに入れています。
注記
取得できるオブジェクトは、表示されているZoomレベル内にあるものに限ります。