代码阿尔法
代码阿尔法
  • 发布:2024-06-04 09:50
  • 更新:2024-06-20 16:48
  • 阅读:308

【报Bug】uniapp H5 使用内置map组件,marker的callout,在点击地图marker时,callout闪烁出现

分类:uni-app

产品分类: 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气泡窗异常闪烁显示

bug描述:

在使用内置map组件搭建H5页面时,设置marker的callout的display属性为“BYCLICK”,在点击地图marker时,callout闪烁出现

2024-06-04 09:50 负责人:无 分享
已邀请:
代码阿尔法

代码阿尔法 (作者)

使用@markertap标点点击事情时,点击回调会执行两次

                    :markers="covers" @markertap="markertap" @tap="mapTap"></map>  
1***@qq.com

1***@qq.com

请问解决了吗?我今天也发现了这个问题

  • 代码阿尔法 (作者)

    使用高德地图作为显示地图的话,好像就会出现这种问题,你切换一下腾讯地图试试

    2024-06-24 15:30

要回复问题请先登录注册