如何突出顯示這樣的本機地圖？

Question

我正在使用react-native-maps庫顯示地圖，但是如何突出顯示該屏幕截圖這樣的區域？

Answer 1

這就是Polygon 。

1. 您需要提供要突出顯示的區域的坐標。

2. 將所有坐標放入數組中。

3. 坐標將通過一條直線連接到其先前的坐標。 如果您發布的是圖片，則需要使用一些坐標。 我個人不知道任何公共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>