Как подсвечивать подобную карту?

Question

Я использую библиотеку response-native-maps, чтобы показать карту, но как мне выделить регион, подобный этому скриншоту?

Answer 1

Это называется Полигон .

1. Необходимо указать координаты области, которую вы хотите выделить.

2. Поместить все координаты в массив.

3. Координата будет связана с предыдущей координатой прямой линией. В случае с изображением, которое вы разместили, вам нужно получить координаты. Лично я не знаю ни одного общедоступного API, который возвращает массив координат желаемой области, но я уверен, что он есть, просто Google.

Когда у вас есть координаты в массиве, используйте их следующим образом в 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>