「h3.geoToH3(lng、lat、res)」を介して一連の16進IDを生成しています。その後、「let polygons = geojson2h3.h3SetToFeatureCollection(hexIds)」を使用して FeatureCollection を作成しています。マップ上の六角形をクリックすると、開始された六角形内の関連する六角形の ID が必要になります。どうすればパフォーマンスの高い方法でそれを行うことができますか?
getHexIds = (res) => {
let hexIds = this.props.stations.features.map(element => {
const [lng, lat] = element.geometry.coordinates;
const hexId = h3.geoToH3(lng, lat, res);
return hexId;
})
let polygons = geojson2h3.h3SetToFeatureCollection(hexIds);
this.setState({
polygons: polygons
}, () => {
this.geoJsonLayer.current.leafletElement.clearLayers().addData(this.state.polygons);
})
// console.info(this.state.polygons, res);
}
onEachFeature = (feature, layer) => {
layer.on('click', (e) => {
// show the relevant hexids
})
}