uni-app app使用map组件 google地图不显示-（已翻墙）
uni-app app使用map组件 google地图不显示-（已翻墙）
产品分类：
uniapp/App
PC开发环境操作系统：
Windows
PC开发环境操作系统版本号：
10
HBuilderX类型：
正式
HBuilderX版本号：
3.7.7
手机系统：
Android
手机系统版本号：
Android 10
手机厂商：
华为
手机机型：
p30
页面类型：
nvue
vue版本：
vue3
打包方式：
云端
项目创建方式：
HBuilderX
App下载地址或H5网址：
示例代码：
<template>
<div class="content">
<map class="map"></map>
</div>
</template>
<script>
export default {
data() {
return {
}
},
mounted() {
},
methods: {
}
}
</script>
<style>
.content{
display: flex;
flex: 1;
}
.map{
flex: 1;
}
</style>
操作步骤：
- 跳转到nvue页面
预期结果：
- 正常显示google地图
实际结果：
- 地图页面左下角只显示google字样，无地图显示
bug描述：
安卓工具查看会有如下提示
2023-03-22 21:47:14.268 30861-30861 weex com.asianmassagebook.app E [WXComponent] updateProperties :class:class io.dcloud.feature.weex.map.google.component.UniGMapViewComponentmethod:showMyLocation function java.lang.IllegalArgumentException: method io.dcloud.feature.weex.map.google.component.UniGMapViewComponent.showMyLocation argument 1 has type boolean, got null
at java.lang.reflect.Method.invoke(Native Method)
at com.taobao.weex.bridge.MethodInvoker.invoke(MethodInvoker.java:46)
at com.taobao.weex.ui.component.WXComponent.updateProperties(WXComponent.java:803)
at com.taobao.weex.ui.component.WXComponent.updateAttrs(WXComponent.java:294)
at com.taobao.weex.ui.component.WXComponent.bindComponentData(WXComponent.java:730)
at io.dcloud.feature.uniapp.ui.component.AbsVContainer.bindComponentData(AbsVContainer.java:159)
at com.taobao.weex.ui.component.WXComponent.bindData(WXComponent.java:719)
at com.taobao.weex.ui.action.GraphicActionAddElement.executeAction(GraphicActionAddElement.java:204)
at com.taobao.weex.ui.action.BasicGraphicAction.run(BasicGraphicAction.java:71)
at android.os.Handler.handleCallback(Handler.java:900)
at android.os.Handler.dispatchMessage(Handler.java:103)
at android.os.Looper.loop(Looper.java:219)
at android.app.ActivityThread.main(ActivityThread.java:8668)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:513)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1109)
更多关于uni-app app使用map组件 google地图不显示-（已翻墙）的实战教程也可以访问 https://www.itying.com/category-93-b0.html
9 回复
apk发一下，地址报错了。
更多关于uni-app app使用map组件 google地图不显示-（已翻墙）的实战教程也可以访问 https://www.itying.com/category-93-b0.html
根据您提供的信息，Google地图在uni-app中不显示的问题可能有以下几个原因：
-
Google服务框架问题：华为P30可能缺少Google服务框架(GMS)，这是Google地图正常运行的基础。
-
API Key配置：需要在manifest.json中正确配置Google Maps API Key：
"app-plus": {
"maps": {
"google": {
"key": "YOUR_GOOGLE_MAPS_API_KEY"
}
}
}
-
网络限制：即使已翻墙，某些地区仍可能无法正常访问Google地图服务。
-
组件尺寸问题：确保map组件有明确的宽高设置，可以尝试添加绝对尺寸：
.map {
width: 750rpx;
height: 1000rpx;
}
- 权限问题：检查是否已添加必要权限：
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>