Necesito crear polígonos editables usando mapas nativos de reacción, puedo hacer polígonos pero se cruzan. Necesito crearlos como se muestra en el enlace. Probé el casco convexo y el escaneo de Graham para ordenar las coordenadas, pero nada parece funcionar.

lo que quiero lograr

 this.state = { coordinates: [ {latitude: 28.539259979358434, longitude: 77.35132858157158}, ] } onMapPress1(event) { this.setState({ coordinates: [...this.state.coordinates, event.nativeEvent.coordinate] }) } <MapView ref={ map => { this.mapRef = map; }} style={{ flex: 1 }} provider={PROVIDER_GOOGLE} initialRegion={this.getInitialCenterCordinate()} onPanDrag={event => this.onMapDragging(event)} onRegionChangeComplete={region => this.regionChanged(region)} onPress={event => this.onMapPress1(event)} > <Polygon coordinates={this.state.coordinates} /> {this.state.coordinates.map((m, i) => ( <Marker key={`${m.identifier}.${i}`} coordinate={m} /> ))} </MapView>