react-native - react 本地 map 聚类

Question

我想将 map 集成到我的react-native应用程序中，为此我使用了“react-native-maps”库
https://github.com/airbnb/react-native-maps
我想使用群集，但是找不到与此相关的适当文档。
请帮助我找到有关如何将 map 与群集集成的文档，并告诉我哪个库最适合在iOS和Android两个平台上实现群集。

Answer 1

您可以使用mapbox/supercluster repo和here's a gist来显示如何将超集群实现为React Native。它最初是为浏览器/节点应用程序开发的，但您仍然可以简单地使用npm install并使用它(JavaScript到处都是javascript)。将聚簇的标记添加到您的MapView中(最初共享的here):

<MapView ref={ref => { this.map = ref; }}>
  { this.state.markers.map((marker, index) => {
    return (
      <MapView.Marker 
        coordinate={{ latitude: marker.geometry.coordinates[1], longitude: marker.geometry.coordinates[0] }}
        onPress={() => this.markerPressed(marker)}>
        <Marker model={place} active={this.isSelected(place)} />
      </MapView.Marker>
    );
  })}
</MapView>

来自react-native-maps的issue的警告:

The major issue is performance, if you need to display hundreds or thousands of markers you're gonna have to optimize the hell out of it, and this is where it gets really hard.

react-native-maps还具有有效的 冲突 PR，它可以在Android和iOS的中本地解决此问题 ，但它等待合并。但是，您可以手动实现它。