0

「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
        }) 
    }
4

1 に答える 1