Карта выставкиПосмотреть цвет страны

Question

Мне нужна помощь по поводу Expo MapView.

Я хочу добиться такого представления в MapView. Я пробовал с полигонами, но очень сложно найти все границы страны, и я не уверен, что это единственный способ сделать это.

Answer 1

Мне удалось найти решение, и если у кого-то есть такие же требования, я объясню здесь. Я использовал MapView из функции react-native-maps и Geo Json. Также я скопировал отсюда json файлов: https://github.com/johan/world.geo.json

1. После того, как вы скопируете контент из файла json, поместите его где-нибудь в проекте (я добавил внутри assets / georgia. json

2. Go в компонент и добавить этот код:

   import React, { Component } from 'react'

   import { StyleSheet, Dimensions } from 'react-native'

   import MapView, {Geojson} from 'react-native-maps';

   import myPlace from '../../assets/georgia.json';

   export default class DataCoverage extends Component { render() { return ( <MapView style={styles.mapStyle} > <Geojson geojson={myPlace} strokeColor="#0568AE" fillColor="#009FDB" strokeWidth={2} /> </MapView> ); } }

   const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, mapStyle: { width: Dimensions.get('window').width, height: Dimensions.get('window').height, }, })

3. Карта должна отображаться с выделенной страной, вы хотели.

4. Если вам нужно несколько стран, вы просто копируете объект «features» и вставляете в массив глобальных функций в свой json файл (в моем случае: georgija. json).
5. Если у вас есть вопросы, не стесняйтесь их задавать.