Question

我在使用一部分react-native-maps代码时遇到了麻烦。地图显示正常，但我无法显示标记。我尝试将标记硬编码到我的初始区域。我没有任何错误。我也尝试过完全缩小并且标记在任何地方都不会显示。

this.state = {
        peepsLocations: [
            {
                rotation: 78,
                position:{
                    latitude: 26.12241,
                    longitude: -80.14238,
                }

            }, {
                rotation: 90,
                position:{
                    latitude: 26.12235,
                    longitude: -80.14638,
                }

            }, {
                rotation: 10,
                position: {
                    latitude: 26.12231,
                    longitude: -80.14338,
                }
            },
        ]
    };

    this.initialRegion = {
        latitude: 26.12231,
        longitude: -80.14338,
        latitudeDelta: .00922,
        longitudeDelta: .00421
    }
}

componentDidMount(){
    this._onRegionChange.call(this, this.initialRegion)
}

render() {
    return (
        <View style={styles.container}>
            <MapView
                provider="google"
                initialRegion={this.initialRegion}
                style={styles.fullScreenMap}/>
            {
                this.state.peepsLocations.map((peepLocation, i) => (
                    <MapView.Marker
                    key={i}
                    coordinate={peepLocation.position}
                    title={`peep ${i}`}
                    description={`peepLocation.rotation.toString() this peep is ...`}
                    >

                    </MapView.Marker>
                ))
            }

        </View>
    );
}

Answer 1

一个简单的错误实际上是我最初没有发现的。我在返回标记之前关闭了MapView。直到我离开了几个小时，然后又采用了新的策略，我才发现问题所在。

感谢您的耐心和帮助菜鸟。

如何获取MapView.Marker以显示在react-native-maps上

1 个答案: