google-maps 相关问题

容器视图内的MapView 容器视图内的MapView <View style={styles.container}> <MapView style={[styles.map]} initialRegion={{ latitude: 18.978189, longitude: 73.024911, latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} /> </View> 为了给我的地图提供弯曲边框，我给容器视图提供了 borderRadius const styles = { container:{ marginTop:20, borderWidth:1, borderRadius:20 }, map:{ height:200, }, } 这给了我的视图边框，我的视图实际上得到了 borderRadius，我通过给出 borderWidth:1 来交叉检查它。但我的地图没有得到容器的边界。地图角脱离容器视图边界。我应该怎么做才能为我的地图提供 borderRadius 。可以设置 overflow: 'hidden' 在你的容器中。它应该隐藏地图视图的溢出。经过一些修补，发现了以下内容 <View style={{ height: moderateScale(300) - 60, zIndex: -1, borderRadius: 10, borderWidth: 1, borderColor: userInterface.buttonSelectedFill, overflow: 'hidden', alignItems: 'center', justifyContent: 'center'}}> <MapView style={{flex: 1, height: '100%', width: '100%', borderRadius: 10, }} //ref={ map => {currentMap = map }} //region={props.region} rotateEnabled={false} loadingEnabled={true} ></MapView> </View> overflow: 'hidden'不起作用，直到我还制作了父级alignItems: 'center'和'justifyContent：'center'` 使用 borderRadius 和隐藏溢出将其包装在父视图中就可以了！ <View style={{ alignSelf: 'center', top: 30, width: '75%', height: 200, borderRadius: 10, overflow: 'hidden' }}> <MapView style={{ width: '100%', height: 200 }} scrollEnabled={true} Region={{ latitude: latitude, longitude: longitude }} customMapStyle={mapStyle} > <Marker coordinate={{ latitude: latitude, longitude: longitude, latitudeDelta: 0.02, longitudeDelta: 0.02 }} pinColor={"white"} title={"You are here"} /> </MapView> </View> <View style={styles.mapContainer}> <MapView region={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, </MapView> </View> 容器样式如下 mapContainer:{ width: responsiveWidth(95), height: responsiveHeight(25), borderRadius: responsiveWidth(3), overflow: 'hidden', }, 您可以使用以下代码 MapView & Marker 包裹在 parent view with borderRadius and hiding overflow, 内 <View style={{ width: "95%", borderRadius: moderatescale(20),borderWidth:moderatescale(2),borderColor:'#fff', backgroundColor: '#fff', justifyContent: 'center', alignItems: 'center', alignSelf: 'center',overflow: 'hidden', shadowColor: 'rgba(0,0,0,0.3)', shadowOffset: { width: 0, height: 2, }, shadowOpacity: 0.25, shadowRadius: 3.84, elevation: 5, }}> <MapView ref={mapView} provider={PROVIDER_GOOGLE} style={{ width: "100%", height: verticalscale(150)}} initialRegion={{ latitude: 25.276987, longitude: 55.296249, latitudeDelta: 0.0111, longitudeDelta: 0.0111, }} > <MapView.Marker coordinate={{ latitude: 25.276987, longitude: 55.296249, }} title={"My Location"} image={require("your marker image")} style={{ width: moderatescale(20), height: verticalscale(20) }} > </MapView.Marker> </MapView> </View>

google-maps react-native

回答 5 投票 0

Flutter Google 地图在 IOS 中首次打开时崩溃

在启动屏幕之后，我的应用程序的第一页上有一个谷歌地图。当我第一次运行该应用程序并且是一个非常新的版本时，它在 IOS 上崩溃并出现以下错误：PlatformException(

google-maps flutter flutter-layout

回答 2 投票 0

将 Google 地图链接列表转换为确切地址

我有一个 csv 格式的地址列表。例如： https://www.google.com/maps/place/Cahoots+London/data=!4m2!3m1!1s0x487604d507ab69fb:0xbbfbc270f421a878 https://www.google.com/maps/place/Mr+Fogg's+Gin+Parlour/

google-maps street-address

回答 1 投票 0

如何将地址转换为 Google 地图链接

我有以下代码从数据库中提取地址。地址！='')?$customer->地址:'NA';?> 并显示...

php google-maps hyperlink

回答 3 投票 0

2024 年我应该如何将 Google 地图集成到 React 应用程序中？

我应该使用哪个库将 Google 地图集成到我的 React Web 应用程序中？据我所知，react-google-maps 没有维护，并且 @react-google-maps/api 的文档无法访问。我...

reactjs google-maps

回答 1 投票 0

Google Maps API for React

我的错误的屏幕截图我一直在尝试在我的 Visual Studio 代码编辑器中使用 npm install @vis.gl/react-google-maps 安装 google 地图 API，但最终收到此错误 - 在行：1 字符：13...