<template>
<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers" @callouttap="callouttap" @markertap="markerTap">
</map>
</template>
<script setup>
const covers = [{
latitude: 39.909,
longitude: 116.39742,
with:rpxTopx(48),
height:rpxTopx(52),
markerId:1,
id:1,
// label:{
// content:'故宫博物馆',
// },
callout:{
content:'故宫博物馆',
display: 'ALWAYS',
fontSize: rpxTopx(22),
bgColor: '#0180CC',
borderRadius:'100',
color:'#fff',
markerId:1,
id:1,
padding:rpxTopx(8)+'px '+rpxTopx(24),
anchorY:'0'
},
iconPath: '../../static/images/marker.png'
}, {
latitude: 39.90,
longitude: 116.39,
with:rpxTopx(48),
height:rpxTopx(52),
id:2,
markerId:2,
callout:{
content:'朝阳公园',
display: 'ALWAYS',
fontSize: rpxTopx(22),
bgColor: '#0180CC',
borderRadius:'100',
id:2,
markerId:2,
color:'#fff',
padding:rpxTopx(8)+'px '+rpxTopx(24),
},
iconPath: '../../static/images/marker.png'
}]
const callouttap = (e)=>{
console.log(e,'点击气泡')
}
</script>
1***@163.com (作者)
是的,下个版本预计多久呢
2024-08-13 09:01
DCloud_UNI_yuhe
回复 1***@163.com: 这几天吧,关注alpha版
2024-08-13 10:37