react-native-maps 相关问题

React Native Maps是Airbnb开发的一组组件，用于在Android和iOS上使用React Native框架渲染地图组件。基础开发人员指南和示例项目可在以下网址获得：https：//github.com/airbnb/react-native-maps

react-native-maps 与 expo ，仅限本机模块

我是本机反应新手，正在尝试使用react-native-maps。我正在使用 expor 并通过命令形式 expo 文档添加地图，即“npm expo install react-native-maps”（它也给了我一场战争......

react-native expo react-native-maps metro-bundler

回答 1 投票 0

显示 MapView 时，标记未在安装上渲染

问题我试图在地图上显示标记，但在初始安装时没有显示标记。语境当我注释掉并在 useEffect 挂钩中时，地图将动画到初始区域并且......

react-native react-hooks mount react-native-maps

回答 1 投票 0

使用 React Native Maps 时标注组件无法正确显示

基本上，无论我在其中放入什么内容，标注组件总是会被剪切。例子：代码：基本上，无论我在其中放入什么内容，标注组件总是会被剪切。示例：代码： <MapView ref={mapRef} style={{ width: 300, height: 400, }} zoomControlEnabled showsUserLocation showsMyLocationButton showsBuildings={false} showsIndoors={false} showsPointsOfInterest={false} loadingEnabled> <Marker coordinate={{ latitude: -20.213090469552533, longitude: -40.266256965125116, }} pinColor={'red'}> <Callout> <View style={{padding: 10}}> <Text style={{color: 'black'}}>Olá</Text> </View> </Callout> </Marker> </MapView> 我希望至少能在其中显示一些文本，但到目前为止没有任何效果。发生这种情况是由于 React Native 新架构。请参阅 React Native 文档 https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here 要在不降级react-native版本的情况下解决这个问题，你可以禁用React Native新架构，找到你的Android/gradle.properties 更改 newArchEnabled=false 并确保更改后重建gradle文件

reactjs react-native google-maps react-native-maps

回答 1 投票 0

在标记上方反应本机地图文本

我想知道是否可以在标记顶部显示文本，以便您无需单击它就知道标记是什么我想知道是否可以在标记顶部显示文本，以便您无需单击它就知道标记是什么 <MapView style={styles.map} initialRegion={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} > <MapView.Marker coordinate={{ latitude: 37.78825, longitude: -122.4324 }} > <View> <Text style={{ position: "absolute", color: "black", textAlign: "center", }} > text </Text> </View> </MapView.Marker> </MapView> 目前正在执行此操作，但一旦我放置文本标签，标记就会消失，如果我删除它，标记会再次显示您可以使用 MapView 中的 CallOut 组件，每当您点击地图/标记时它都会显示其内容，但这仅适用于 iOS，因此您必须检查 iOS 平台是否可以使用它以及 Android 是否可以创建自己的平台。您可以检查react-native-maps/callout <MapView style={{ flex: 1 }} initialRegion={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} > <Marker coordinate={{ latitude: 37.78825, longitude: -122.4324 }}> {Platform.OS === 'ios' ? ( // iOS: Use Callout <Callout style={{ width: 200, height: 50, margin: 8, justifyContent: 'center' }}> <Text style={{ color: 'black', fontWeight: 'bold' }} numberOfLines={2} > {address} </Text> </Callout> ) : ( // Android: Custom View <View style={{ backgroundColor: 'white', padding: 5, borderRadius: 5, marginBottom: 10, elevation: 3, // Shadow for Android shadowColor: 'black', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, shadowRadius: 4, }} > <Text style={{ color: 'black', fontWeight: 'bold' }}> {address} </Text> </View> )} </Marker> </MapView>

react-native react-native-maps

回答 1 投票 0

问题：React Native 中的地图上的标记和用户位置显示不一致

我在我的React Native项目中使用react-native-maps（版本1.20.1），我面临着标记和用户位置（蓝点）显示不一致的问题。我第一次...

react-native expo react-native-maps

回答 1 投票 0

一种仅链接字体反应本机的方法

我正在使用 React Native，我只想链接我的字体而不是其他。我正在使用react-native-maps，它在文档中特别说明“不要使用react-native链接” 我到处都看到...

react-native react-native-maps

回答 7 投票 0

下载开放街道地图的tiles.png

我正在尝试在反应本机应用程序中使用离线开放街道地图，因此，根据反应本机地图，我需要以特定格式存储图块：路径模板...

react-native openstreetmap react-native-maps

回答 2 投票 0

React Native Expo Google 地图显示空白屏幕

我正在使用 Expo 开发 React Native 应用程序，并且我正在尝试将 Google 地图集成到主屏幕上。但是，地图无法加载，仅显示空白屏幕。这是相关的c...

react-native expo react-native-maps

回答 1 投票 0

React-native：如何在不单击react-native-maps中的标记的情况下显示工具提示

我正在使用react-native-maps模块。我已经给出了纬度和经度值，并且我使用MapView.Marker在单击标记时显示标记和工具提示。但是，现在我想显示工具提示...

react-native react-native-maps

回答 2 投票 0

React Native/Expo：无法读取 null 的属性“bubblingEventTypes”

当我在 MapView 上添加提供程序：{PROVIDER_GOOGLE} 时，我总是收到此错误 ERROR warning: TypeError: Cannot read property 'bubblingEventTypes' of null 这是我的代码，我使用gluestack-ui作为UI l...

react-native google-maps expo react-native-maps gluestack

回答 1 投票 0

React Native iOS pod 安装错误 - 安装 GoogleMaps 时出错

我正在使用React Native开发iOS应用程序。当我运行 pod install 时，安装因以下错误而停止。安装 Google 地图 (8.4.0) [!] 安装 GoogleMaps 时出错 [!] /usr/bin/curl...

ios react-native cocoapods react-native-maps

回答 1 投票 0

如何在 React Native 中的应用程序地图中获取传统的蓝色地图标记？

我的应用程序中有一个选项，用户可以在其中看到他们当前的位置，但目前用图钉表示。我想用 iOS 和

react-native react-hooks maps react-native-maps currentlocation

回答 5 投票 0

React Native Web 与 Expo 和 Metro 的地图

我正在使用 React Native Expo 构建一个混合应用程序。我的困难是我的应用程序需要地图并且需要在移动和网络上运行。为了使用 React Native 制作地图，我找到了几个库，但是