需求:要在地图上不同标注点显示设备数量,点击标注点要列出设备明细
问题1:点击标注点没有任何反应
问题2:callout 的content是文本,不支持标签和样式,不能自定义气泡框
以下是hello中map加事件的源码
<template>
<view>
<page-head :title="title"></page-head>
<view class="page-body">
<view class="page-section page-section-gap">
<map :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="mktap">
</map>
</view>
</view>
</view>
</template>
<script>
import pageHead from '../../../components/page-head.vue'
export default {
data() {
return {
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath: '../../../static/location.png',
width: 75,
height: 75,
label: {
content: '设备数:10',
color: '#fff',
fontSize: 12,
bgColor: '#02A3FE',
padding: 2,
borderRadius: 5,
textAlign: 'center'
}
}, {
latitude: 39.90,
longitude: 116.39,
iconPath: '../../../static/location.png'
}]
}
},
methods: {
mktap(){
console.log('mktap');
}
},
components: {
pageHead
}
}
</script>
<style>
map {
width: 100%;
height: 600px;
}
</style>
qiki08
marker绑定id后@markertap事件有效,但是@callouttap事件还是无效,请问有解决办法吗?
2019-06-14 17:43
CharkLeo
回复 qiki08: 请问解决了吗?我这也有这问题,你怎么解决的
2019-11-18 17:30