响应Web、IOS和Android的本地地图

Question

对于所有协同工作的平台，什么是最好的本地映射？

我正在使用世博尝试使用以下内容：https://docs.expo.dev/versions/latest/sdk/map-view/

但当我这么做的时候，我的整个项目都失败了？

Answer 1

我也使用了“反应-本地地图”，它与博览很好地合作，无论是在iOS还是安卓上。据我所知，世博是你最好的选择。

下面是我如何设置它(可以随意地输入上下文位--只是想显示绘图功能)：

import React, { useContext } from 'react';
import {Text, StyleSheet, ActivityIndicator} from 'react-native';
import MapView, { Polyline, Circle } from 'react-native-maps';
import {Context as LocationContext} from "../context/LocationContext";


const Map = () => {
    const { state: { currentLocation, locations }} = useContext(LocationContext);
    if(!currentLocation)
        return <ActivityIndicator size="large" style={styles.activityIndicator}/>;
    return <>
        <MapView 
            style={styles.map}
            initialRegion={{
                ...currentLocation.coords,
                latitudeDelta: 1,
                longitudeDelta:1,
            }}
        >
            <Circle 
                center= {currentLocation.coords}
                radius= {2000}
                color="rgba(158, 158, 255, 1.0)"
                fillColor="rgba(158, 158, 255, 0.3)"
            />
             <Polyline 
                coordinates={ locations.map((item) => item.coords )}
                lineDashPattern={[1, 0]}
            />
        </MapView>
    </>
};

const styles = StyleSheet.create({
    map:{
        height: 300,
    },
    activityIndicator:{
        marginTop: 200
    }
});

export default Map;