反应原生地图获得可见标记

Question

在 iOS 上，当使用地图工具包时，我们能够在可见地图矩形内获取当前注释。这是一个使用 swift 的小 sn-p

Array(myMap.annotations(in: myMap.visibleMapRect))

这个库中是否有类似的方法或回调？

我的基本用途是了解用户何时更改区域（捏合缩放等）并获取仍然可见的当前标记数组。

Answer 1

有一个getMarkersFrames 函数可以做到这一点，但它只是iOS，这就是为什么我从未在我的应用程序中使用过它。

我通过使用 RBush 库来存储标记解决了同样的问题：https://github.com/mourner/rbush。它允许轻松选择所选区域中的点。它通过使用 R-tree 快速完成。示例：

getInitialState() {
    return {
        region: {
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
        },
    };
}

componentWillMount() {
    this.tree = new RBush();
    fetch().then((points) => {
        // RBush expects the point to have minX, maxX, minY, maxY
        // but it could be configured.
        this.tree.load(points);
    });
}

onRegionChangeComplete(region) {
    // Get points that are inside the region.
    visibleItems = this.tree.search({
        // Provide the coordinates of the south-west, north-east corners of the region.
        minX: region.longitude - region.longitudeDelta,
        minY: region.latitude - region.latitudeDelta,
        maxX: region.longitude + region.longitudeDelta,
        maxY: region.latitude + region.latitudeDelta
    });
    this.setState({ region, visibleItems });
}

render() {
    return (
        <MapView
            region={this.state.region}
            onRegionChangeComplete={this.onRegionChangeComplete}
        />
    );
}

我的应用使用相同的方法，只是我在 redux 和 redux-saga 中加载和搜索初始标记。

如果您不需要显示那么多标记，您可以使用更简单的方法，将点存储在数组中。然后在每个区域更改循环遍历所有位置并选择区域内的那些。