<template>
<view>
<map style="width: 100%; height:600rpx;" latitude="37.789845" longitude="112.566085" id="map1" :markers="cover" min-scale='9'
@markertap='markertap' @regionchange='regionchange'
></map>
</view>
</template>
<script>
export default {
data() {
return {
mapContext:"",
cover: [{
"address": "山西省太原市小店区恒大绿洲46商铺1007、1008号商铺",
"createTime": null,
"distances": 0.27266858165625574,
"id":1,
"image": null,
"lat": 37.789845,
"lng": 112.566085,
"pharmacyAreaLevelId": "5",
"pharmacyCode": 101989,
"pharmacyName": "益源恒大绿洲二店",
"status": "OPEN",
"workBeginTime": "09:17:24",
"workEndTime": "18:17:27",
"width": 30,
"height": 35,
"joinCluster": true,
"latitude": 37.789845,
"longitude": 112.566085,
"title": "益源恒大绿洲二店",
callout:{
content:"益源恒大绿洲二店",
textAlign:"center",
borderRadius:15,
padding:5,
display:"BYCLICK"
},
}, {
"address": "山西省太原市体育南路210号龙海方舟花园住宅小区六号楼1001号",
"createTime": null,
"distances": 0.5282916221988558,
"id": 2,
"image": null,
"lat": 37.783993,
"lng": 112.570989,
"pharmacyAreaLevelId": "6",
"pharmacyCode": 101749,
"pharmacyName": "益源龙海方舟店",
"status": "OPEN",
"workBeginTime": null,
"workEndTime": null,
"width": 20,
"height": 23,
"joinCluster": true,
"latitude": 37.784293,
"longitude": 112.570989,
"title": "益源龙海方舟店",
callout:{
content:"益源龙海方舟店",
textAlign:"center",
borderRadius:15,
padding:5,
display:"BYCLICK"
},
},{
"address": "山西省太原市小店区恒大绿洲46商铺1007、1008号商铺",
"createTime": null,
"distances": 0.27266858165625574,
"id":3,
"image": null,
"lat": 37.789845,
"lng": 112.566085,
"pharmacyAreaLevelId": "5",
"pharmacyCode": 101989,
"pharmacyName": "益源恒大绿洲二店",
"status": "OPEN",
"workBeginTime": "09:17:24",
"workEndTime": "18:17:27",
"width": 30,
"height": 35,
"joinCluster": true,
"latitude": 37.785545,
"longitude": 112.566085,
"title": "益源恒大绿洲二店",
callout:{
content:"益源恒大绿洲二店",
textAlign:"center",
borderRadius:15,
padding:5,
display:"BYCLICK"
},
}, {
"address": "山西省太原市体育南路210号龙海方舟花园住宅小区六号楼1001号",
"createTime": null,
"distances": 0.5282916221988558,
"id": 4,
"image": null,
"lat": 37.783993,
"lng": 112.570989,
"pharmacyAreaLevelId": "6",
"pharmacyCode": 101749,
"pharmacyName": "益源龙海方舟店",
"status": "OPEN",
"workBeginTime": null,
"workEndTime": null,
"width": 20,
"height": 23,
"joinCluster": true,
"latitude": 37.783193,
"longitude": 112.570989,
"title": "益源龙海方舟店",
callout:{
content:"益源龙海方舟店",
textAlign:"center",
borderRadius:15,
padding:5,
display:"BYCLICK"
},
},{
"address": "山西省太原市小店区恒大绿洲46商铺1007、1008号商铺",
"createTime": null,
"distances": 0.27266858165625574,
"id": 5,
"image": null,
"lat": 37.789845,
"lng": 112.566085,
"pharmacyAreaLevelId": "5",
"pharmacyCode": 101989,
"pharmacyName": "益源恒大绿洲二店",
"status": "OPEN",
"workBeginTime": "09:17:24",
"workEndTime": "18:17:27",
"width": 30,
"height": 35,
"joinCluster": true,
"latitude": 37.786745,
"longitude": 112.566085,
"title": "益源恒大绿洲二店",
callout:{
content:"益源恒大绿洲二店",
textAlign:"center",
borderRadius:15,
padding:5,
display:"BYCLICK"
},
},],
}
},
onLoad() {
this.mapContext = uni.createMapContext("map1",this)
},
methods: {
//当地图视野发生变化
regionchange(e){
console.log('regionchange触发')
},
markertap(){
console.log("markertap触发")
}
}
}
</script>
<style>
</style>
zwzz
- 发布：2021-03-03 18:02
- 更新：2021-03-04 13:07
- 阅读：1067
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 3.1.2
HBuilderX类型： 正式
HBuilderX版本号： 3.1.2
手机系统： Android
手机系统版本号： Android 11
手机厂商： OPPO
手机机型： realmeX50Pro
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
地图上有10个marker标记点，当将10个标记点的joinCluster改为true时
地图上有10个marker标记点，当将10个标记点的joinCluster改为true时
预期结果：
当joinCluster为true时，当我拖动地图，缩放地图的时候，regionchange函数应该正确触发，点击标记点，markerTap函数应该触发
控制台应该会输出：'regionchange触发'和"markertap触发"
当joinCluster为true时，当我拖动地图，缩放地图的时候，regionchange函数应该正确触发，点击标记点，markerTap函数应该触发
控制台应该会输出：'regionchange触发'和"markertap触发"
实际结果：
regionchange函数没有触发，markerTap函数没有触发
regionchange函数没有触发，markerTap函数没有触发
bug描述：
比如地图上有10个marker标记点，
当开启点聚合后
不管我拖动地图，缩放地图，regionchange函数都不再触发，点击标记点markerTap也不触发
4 个回复
zwzz (作者) - coder
有没有人啊
zwzz (作者) - coder
开启点聚合之后，连@markertap事件也失效了，都失效了
有没有人解决一下啊
DCloud_Android_ST
问题已确认
zwzz (作者)
还有我想提个问题，点聚合的样式能不能自定义呀，现在只能蓝底白字
2021-03-04 13:20
DCloud_UNI_Anne
已加分，感谢您的反馈！