注册登录

2***@qq.com

发布：2021-04-17 14:25
更新：2024-06-06 14:52
阅读：2166

uniapp app端 vue-baidu-map 使用百度地图组件白屏错 h5正常

分类：uni-app

报错信息:
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'userAgent' of undefined

<view class="map">  
        <baidu-map class="map-contain" :scroll-wheel-zoom="true" :center="center" :zoom="zoom" MapType="BMAP_SATELLITE_MAP" @ready="mapReady">  
            <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" @locationSuccess="getMyLocation()" :showAddressBar="true"  
             :autoLocation="true"></bm-geolocation>  
             <bm-marker @dragend="markerDrag" :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">  
             <!--<bm-label content="我爱北京天安门" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/> -->  
             </bm-marker>  
        </baidu-map>  
        </view>

js 代码
<script>
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'UofGEm7oQvXpxGxSsyEALVA35DymS6bq'
})

2021-04-17 14:25 负责人:无分享

9 个回复

2***@qq.com

2***@qq.com - 111

解决了吗

8***@qq.com

牛逼，确实是白屏

z***@163.com

请问你解决了吗，我也是遇到同样的问题，

1***@qq.com

解决了没有，我现在也遇到

1***@qq.com

好像是没办法用百度地图到APP上去，惆怅

2990776359

大佬请问解决了吗我也是同样问题

3***@qq.com

不能再main.js全局注册，需要在页面中去注册组件。我也是排查好久才发现是这原因

2***@qq.com

局部注册也白屏报这个错啊

2023-04-14 09:49

d***@aliyun.com

d***@aliyun.com

大家怎么解决的啊？注册不上vue-baidu-map百度地图，白屏，报错

<view @click="bmap.onClick" :prop="markerList" :change:prop="bmap.updateEcharts" id="bmap" :style="style"></view>

<script module="bmap" lang="renderjs">
export default {
data() {
return {
map: null,
ownerInstanceObj: null, //service层对象
}
},
mounted() {
if (typeof window.BMap === 'function') {
this.initAmap()
} else {
// 百度地图异步加载回调处理
window.onBMapCallback = () => {
this.initAmap()
}
const script = document.createElement('script')
script.src = 'https://api.map.baidu.com/api?v=3.0&ak=你自己的aki&callback=onBMapCallback'
document.head.appendChild(script)
}
},
methods: {
initAmap() {
this.map = new BMap.Map("bmap", {
mapType: BMAP_NORMAL_MAP
})
this.initMarkers()
},
}
}
</script>

要回复问题请先登录或注册