react-native - 将国家 View 添加到 react-native-maps

Question

您好 - 我正在尝试向“react-native-map”添加一个按国家/地区分类的 View ，以便按国家/地区返回数据；而不是只有标记/自定义标记。有谁知道这样做的方法吗？

上图类似于我想要实现的，它使用了 mapbox，如果不从 Expo 中弹出，它在 ReactNative 上不完全可用。

我一直在寻找现有的图 block 或预先形成的“形状”以覆盖在 react-native-maps 上。我为美国各州找到了一些，但没有为个别国家找到。使用 Google 作为“提供者”并拥有“customMapStyle”似乎也无法解决问题。

<MapView
        provider={PROVIDER_GOOGLE} 
        customMapStyle={mapJson} 
        style={{
          alignSelf: 'stretch',
          height: '100%',
          width: '100%',
          justifyContent: 'center',
          alignItems: 'center',
          position: 'absolute',
          top: 0,
        }}
        initialRegion={region}
      >

Answer 1

尝试获取要突出显示的国家/地区的 geojson，并在 MapView 中添加 geojson 标签。

<MapView
  provider={PROVIDER_GOOGLE} // remove if not using Google Maps
  style={mapStyles.map}
  zoomEnabled
  region={{
    latitude: parseFloat(coOrdinates.lat),
    longitude: parseFloat(coOrdinates.lng),
    latitudeDelta: 30,
    longitudeDelta: 30,
  }}>

  <Geojson
    geojson={features} // geojson of the countries you want to highlight
    strokeColor="#FF6D6A"
    fillColor="#FF6D6A"
    strokeWidth={2}
  />

</MapView>