React Native mapview：标记未在IOS上显示

Posted 2023-02-16

【中文标题】React Native mapview：标记未在IOS上显示

【英文标题】：ReactNative map view: Marker is not showing on IOS

【发布时间】：2021-11-19 21:00:04

【问题描述】：

我正在使用 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>

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

【参考方案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>
  );