Question

我正在使用react-native-maps。有什么办法可以在react-native-maps中绘制多边形并获取顶点坐标？

Answer 1

这是我代码中的摘录


import MapView, { PROVIDER_GOOGLE, Marker } from "react-native-maps";


render: 

 {directions && (
            <MapView.Polyline coordinates={directions} strokeWidth={4} />
 )}

我正在使用此功能来获取折线：

export const getDirections = async (pickup, dropoff) => {
    let response = await callMapsAPI(pickup, dropoff)
    // console.log("Cords of direction res: ", response);
    if (response) {
        // let respJson = await response.json();
        // console.log("Cords of direction res json: ", respJson);
        let points = Polyline.decode(response.data.routes[0].overview_polyline.points);
        // console.log("Cords of direction res points: ", points);
        let coords = points.map((point, index) => {
            return {
                latitude: point[0],
                longitude: point[1]
            }
        })
        return coords
    } else return null
}

哪里

import Polyline from '@mapbox/polyline';

Answer 2

对于 React Native，你可以使用使用 PanResponder 跟踪 x y 并转换为纬度和经度。您可以在此处查看：https://github.com/dev-event/react-native-maps-draw

在反应本机地图上绘制多边形

2 个答案: