onReady() {
this.mapContext = uni.createMapContext("myMaps", this);
console.log(this.mapContext,'this.mapContext')
setTimeout(()=>{
this.mapContext.addGroundOverlay({
id: 1, // 图层唯一标识
src: "/static/iconimg/Boat.png", // 图片路径(支持网络或本地路径)
visible: true, // 是否可见
zIndex: 9000, // 图层绘制顺序(数值越大越靠上)
// opacity: 1, // 透明度(0-1)
bounds: {
northEast: {
latitude:'39.995685',
longitude: '116.737649'
},
southWest: {
latitude: '39.876225',
longitude: '116.251341'
}
,
},
success: (res) => {
console.log("Ground Overlay 添加成功:", res);
},
fail: (err) => {
console.error("Ground Overlay 添加失败:", err);
},
complete:()=>{
console.log('dasdsad')
}
});
console.log('dasdsaddd')
},1000)
// 添加 Ground Overlay
},
<map name="" id="myMaps" class="map-container" :polyline="polyline" :polygons="polygons"
:longitude="longitude" :latitude="latitude" @markertap="handMark" @callouttap="handMark"
@regionchange="onregionchange" :scale="11" :enable-satellite="true">
<!-- <cover-view slot="callout" class="markersContent" :marker-id="1">
<cover-view class="tooptitle">
首钢码头
</cover-view>
<cover-view class="tooptitle">
ddddsada
</cover-view>
<cover-view class="tooptitle">
ddddsada
</cover-view>
<cover-view class="tooptitle">
ddddsada
</cover-view>
</cover-view> -->
</map>
原生写法试试,有问题提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。