Sun_Rise
Sun_Rise
  • 发布:2023-09-07 11:16
  • 更新:2023-09-15 15:24
  • 阅读:247

【报Bug】谷歌地图加载失败

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: iphone11

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

index.nvue下代码:

<template>  
    <view>  
        <view class="page-body">  
            <view class="page-section page-section-gap">  
                <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">  
                </map>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            id:0, // 使用 marker点击事件 需要填写id  
            title: 'map',  
            latitude: 39.909,  
            longitude: 116.39742,  
            covers: [{  
                latitude: 39.909,  
                longitude: 116.39742,  
                iconPath: '../../../static/location.png'  
            }, {  
                latitude: 39.90,  
                longitude: 116.39,  
                iconPath: '../../../static/location.png'  
            }]  
        }  
    },  
    methods: {  

    }  
}  
</script>  

操作步骤:

新建项目:
先填入谷歌地图APIkey,如图1。
打包自定基座,如图2.
输入代码,如代码示例。
运行基座到apple设备,显示如图3.
谷歌地图无法显示。
确认已有翻墙能访问外网

预期结果:

显示出谷歌地图

实际结果:

显示不出谷歌地图

bug描述:

谷歌地图只能显示logo,显示不出地图,已翻墙

先填入谷歌地图APIkey,如图1。
打包自定基座,如图2.
输入代码,如代码示例。
运行基座到apple设备,显示如图3.
谷歌地图无法显示。
确认已有翻墙能访问外网

2023-09-07 11:16 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com - jql

大哥,解了吗

  • Sun_Rise (作者)

    我发了一个同样的帖子,uni官方说是申请的apiKey错误,检查后没发现错误。因此放弃appkey,改用webkey,以嵌入html的形式实现这个功能

    2023-09-18 13:56

  • 1***@qq.com

    回复 Sun_Rise: 请求的页面无法打开:file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/www/hybrid/html/static/MapmyIndia_demo.html at file:///android_asset/data/dcloud_error.html:41


    报这个错误了

    2023-09-18 14:25

  • Sun_Rise (作者)

    nvue页面中

    <web-view style="height: 800rpx;width: 100%;background-color: #f00;" src="/hybrid/html/map.html"></web-view>

    2023-09-18 15:14

  • 1***@qq.com

    回复 Sun_Rise: 还是报这个错误,真令人头大

    2023-09-18 15:28

  • iOSDeveloper

    回复 1***@qq.com: 需要翻墙吧

    2024-03-02 21:29

要回复问题请先登录注册