react-native-maps缩放到蓝点和标记

时间:2018-09-21 09:00:46

标签: react-native react-native-maps

我想进行Uber或Grab之类的应用程序跟踪。当蓝点远离标记时,我试图使MapView为“缩小”,如果蓝点靠近标记,则将其放大。我曾经使用过fitToElements,但是根本无法使用。

这是我的代码:

      <MapView
        style={{
          position: "absolute",
          top: 0,
          left: 0,
          right: 0,
          bottom: 0
        }}
        ref={ref => {
          this.mapRef = ref;
        }}
        region={this.state.region}
        showsUserLocation
        onLayout={() =>
          this.mapRef.fitToElements(true)
        }
      >
         <MapView.Polyline
            coordinates={this.state.coords}
            strokeWidth={3}
            strokeColor="#2090F6"
          />
         <MapView.Marker
           coordinate={{
              latitude: dataOrder.destination.location.coordinates[1],
              longitude: dataOrder.destination.location.coordinates[0]
           }}
           image={MarkerPink}
         />
      </MapView>

0 个答案:

没有答案