React-native-maps MapView.Circle

Question

我试着在缩放的同时获得相同大小的圆圈。我试着用设置“比例”来做到这一点，但它也不起作用。我该怎么做呢？有人能告诉我如何做到这一点吗，也许可以举个例子？

               <MapView.Circle
                    key = { (this.state.longitude + this.state.latitude).toString() }
                    center = {{latitude: this.state.latitude,
                        longitude: this.state.longitude} }
                    radius = { 100 }
                    strokeWidth = { 1 }
                    strokeColor = { '#1a66ff' }
                    fillColor = { '#1a66ff' }


                />

诚挚的问候

Answer 1

一种方法是将当前地图区域保存到状态，这表示查看者看到的坐标域...

onRegionChange(region) {
    // Update state
    this.setState({ mapRegion: region });
  }
  <MapView 
     onRegionChange={this.onRegionChange.bind(this)}
  />

有了这个，你可以使用简单的三角函数来调整半径，就像这样…

size = {radius / Math.sqrt(this.state.mapRegion.longitudeDelta*this.state.mapRegion.longitudeDelta + this.state.mapRegion.latitudeDelta*this.state.mapRegion.latitudeDelta)}