<template>
<view class="Maps">
<view>longitude {{ longitude }}</view>
<view>latitude {{ latitude }}</view>
<map
id="MAP"
class="MapPageWrapper"
:latitude="latitude"
:longitude="longitude"
>
</map>
</view>
</template>
<script>
export default {
name: 'maps',
data() {
return {
latitude: 39.9085,
longitude: 116.39747,
mapCtx: null,
mapObj: null
}
},
onReady() {
uni.getLocation({
type: 'gcj02',
success: (res) => {
console.log('getLocation', res);
const { longitude, latitude } = res;
this.longitude = longitude;
this.latitude = latitude;
},
fail: (err) => {
console.log('getLocation - err', err);
}
});
// this.mapCtx = uni.createMapContext("MAP", this);
this.mapObj = new plus.maps.Map('MAP');
// console.log('this.mapCtx', this.mapCtx);
console.log('this.mapObj', this.mapObj);
}
}
</script>
<style>
.Maps {
width: 750rpx;
}
.MapPageWrapper {
width: 750rpx;
height: 750rpx;
background-color: red;
}
</style>
3***@qq.com
- 发布：2024-12-27 18:14
- 更新：2024-12-27 18:14
- 阅读：424
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： Alpha
HBuilderX版本号： 4.43
手机系统： Android
手机系统版本号： Android 12
手机厂商： 模拟器
手机机型： 小米14
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
1、自定义基座
2、运行到自定义基座
1、自定义基座
2、运行到自定义基座
预期结果：
1、正常使用map组件
2、不出现未添加maps模块
1、正常使用map组件
2、不出现未添加maps模块
实际结果：
map组件正常使用
map组件正常使用
bug描述：
1、使用的是腾讯地图，自定义基座，勾选并配置了腾讯maps，使用<map>组件不显示地图；
2、使用h5+ api 或者uni.createMapContext() 则提示未添加maps模块；
3、使用标准基座，maps配置的是腾讯，然而map组件显示的却是高德地图，并且没提示未添加maps模块。
