如何使用react-native-maps和Marker Library将Marker位置设置为用户在Init上的当前位置

时间:2019-12-02 16:57:35

标签: javascript reactjs react-native react-native-maps

现在反应原生地图仅在点击MapView时获得标记位置

        <MapView scrollEnabled={true} style={styles.map} region={region} onPress={selectLocationHandler}>
            {markerCoordinates && <Marker title="picked Location" draggable={true}
        isPreselected={true} coordinate={markerCoordinates}></Marker>}
        </MapView>

我希望在不点击地图视图的情况下标记我的当前位置

我对MapView和Marker使用以下代码

有人可以帮我吗?

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

componentDidMount() {
   this.watchID = navigator.geolocation.watchPosition(
       position => {
            const { latitude, longitude } = position.coords;
            this.marker._component.animateMarkerToCoordinate(
                { latitude,longitude },
                500);
   });
}

this._marker作为标记参考