React Native mapview：IOS 上未显示标记

Question

我正在使用 ReactNative 构建一个 IOS 应用程序。我的应用程序需要在 Apple 地图视图上显示位置（标记）。我正在使用 React Native 地图视图。我可以显示地图。但是它没有显示标记。

这是我的代码。

<SafeAreaView style={{flex: 1}}>
            <MapView
                style={{ flex: 1 }}
                region={{
                    "latitude": 37.785834, "longitude": -122.406417,
                    latitudeDelta: 0.009,
                    longitudeDelta: 0.009
                }}
            />
            <Marker title={"Test"} key={1} coordinate={{ "latitude": 37.785834, "longitude": -122.406417 }} />
        </SafeAreaView>

显示地图。它没有在地图上显示标记。我该如何解决？

Answer 1

标记应该在 MapView 内部而不是外部。

示例如下：

import React from "react";
import { Dimensions, View } from "react-native";

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

export default function App() {
  return (
    <View style={{ flex: 1, alignItems: "center" }}>
      <MapView
        style={{
          width: Dimensions.get("window").width,
          height: Dimensions.get("window").height,
        }}
        provider={PROVIDER_GOOGLE}
      >
        <Marker coordinate={{ latitude: 45, longitude: 8 }} />
      </MapView>
    </View>
  );
}

React Native mapview：IOS 上未显示标记

ReactNative map view: Marker is not showing on IOS

react-native

react-native-maps