当前位置 : 主页 > 网页制作 > React >

react-native – 从google地图中删除标记

来源:互联网 收集:自由互联 发布时间:2021-06-15
可以从地图视图中删除标记吗?如何从谷歌地图视图中删除标记.我使用“react-native-maps”显示谷歌地图. 请帮忙. 为了能够删除或添加标记,您只需要执行此操作 //Note : my map markers is = t
可以从地图视图中删除标记吗?如何从谷歌地图视图中删除标记.我使用“react-native-maps”显示谷歌地图.

请帮忙.

为了能够删除或添加标记,您只需要执行此操作

//Note : my map markers is => this.props.markers

componentDidMount() {
    this.renderMarkers(this.props.markers)
}


async renderMarkers(mapMarkers) {
    let markers = [];
    markers = mapMarkers.map(marker => (<Marker
            key={marker.code}
            coordinate={{latitude: marker.lat, longitude: marker.lng}}
            onPress={{}}
        />)
    );
    this.setState({markers});
}


refreshMarkers() {
    this.renderMarkers(this.props.markers).then(() => {
        this.forceUpdate();
    });
}


render() {
    return (
        <MapView
            ref={(ref) => this.mapView = ref}
            style={styles.map}
            region={this.props.coordinate}
        >
            {this.state.markers}
        </MapView>
    );
}
网友评论