如何突出显示这样的react-native map?

guz6ccqo  于 2023-04-22  发布在  React
关注(0)|答案(1)|浏览(171)

我正在使用react-native-maps库来显示Map,但是如何突出显示像这样的区域?

deyfvvtc

deyfvvtc1#

它被称为Polygon
1.您需要提供要高亮显示的区域的坐标。
1.将所有坐标放入数组中。
1.一个坐标将用一条直线连接到它以前的坐标。在你发布的图像的情况下,你需要一个looooot坐标。我个人不知道任何公共API,返回一个数组的坐标所需的区域,但我相信有一个,只要谷歌它。
在数组中有了坐标后,在MapView中这样使用它们:

<MapView>
  <MapView.Polygon
    coordinates={[
      { latitude: 123, longitude: 123 },
      { latitude: 124, longitude: 124 },
      ...
    ]}
    strokeWidth={1}        // The width of the outline of the shape
    strokeColor='#4099FF'  // Color of the outline
    fillColor='rgba(...)'  // Shape color
  />
</MapView>

相关问题