:scale="12" :markers="covers"></map> ```
``` markersArr[index] = {
width: 30,
height: 30,
id: index + 1,
latitude: Number(item.lat),
longitude: Number(item.lng),
// joinCluster: true,
iconPath: '/static/position.png',
callout: {
content: item.name + "\n实时客流: " + item.people_value + '\n更新时间: ' + item
.data_date,
color: '#000000',
display: 'BYCLICK',
fontSize: '14',
bgColor: '#ffffff',
textAlign: 'left'
}
}
this.covers = [...markersArr]
- 发布:2024-06-04 09:50
- 更新:2024-06-20 16:48
- 阅读:308
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
浏览器平台: Chrome
浏览器版本: 121.0.6167.140
项目创建方式: HBuilderX
App下载地址或H5⽹址: http://49.4.49.247:8092/phone/index.html#/pages/scenicAreaPassengerFlow/scenicAreaPassengerFlow
示例代码:
操作步骤:
:scale="12" :markers="covers"></map> ```
``` markersArr[index] = {
width: 30,
height: 30,
id: index + 1,
latitude: Number(item.lat),
longitude: Number(item.lng),
// joinCluster: true,
iconPath: '/static/position.png',
callout: {
content: item.name + "\n实时客流: " + item.people_value + '\n更新时间: ' + item
.data_date,
color: '#000000',
display: 'BYCLICK',
fontSize: '14',
bgColor: '#ffffff',
textAlign: 'left'
}
}
this.covers = [...markersArr]
:scale="12" :markers="covers"></map> ```
``` markersArr[index] = {
width: 30,
height: 30,
id: index + 1,
latitude: Number(item.lat),
longitude: Number(item.lng),
// joinCluster: true,
iconPath: '/static/position.png',
callout: {
content: item.name + "\n实时客流: " + item.people_value + '\n更新时间: ' + item
.data_date,
color: '#000000',
display: 'BYCLICK',
fontSize: '14',
bgColor: '#ffffff',
textAlign: 'left'
}
}
this.covers = [...markersArr]
预期结果:
点击marker点后callout气泡窗常显而非闪烁,只显示当前点击marker点的callout气泡窗
点击marker点后callout气泡窗常显而非闪烁,只显示当前点击marker点的callout气泡窗
实际结果:
当前点击marker的callout气泡窗异常闪烁显示
当前点击marker的callout气泡窗异常闪烁显示
bug描述:
在使用内置map组件搭建H5页面时,设置marker的callout的display属性为“BYCLICK”,在点击地图marker时,callout闪烁出现
代码阿尔法 (作者)
使用@markertap标点点击事情时,点击回调会执行两次
:markers="covers" @markertap="markertap" @tap="mapTap"></map>