1***@qq.com
1***@qq.com
  • 发布:2021-11-22 17:58
  • 更新:2021-12-03 20:14
  • 阅读:289

【报Bug】hbuilderX更新到3.2.15.20211120,map上的气泡事件无法触发@callouttap

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10企业版

HBuilderX类型: 正式

HBuilderX版本号: 3.2.15

示例代码:
<template>  
    <view >  
         <map id="jbxqMap" style="width: 100%; height: 87vh;"  @callouttap="ttap()" :latitude="latitude" :longitude="longitude" :markers="covers">  
         </map>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                latitude: 32.037154,  
                longitude: 118.646375,  
                covers: [{  
                    id: 111,  
                    iconPath:"/static/map/marker.png",  
                    latitude: 32.037154,  
                    longitude: 118.646375,  
                    callout: {//配置气泡,配置气泡后,title会失效  
                        content: '中兴人才公寓二期1',  
                            display: 'ALWAYS',//显示方式,可以配置点击或一直显示,BYCLICK点击显示 ALWAYS  
                            padding: '10',//文本边缘留白,文字和边界宽度  
                            bgColor: "#cecbcb",//背景颜色  
                            borderRadius: 5  
                        }  
                }]  
            }  
        },  
        onLoad() {  
            this.loadMarker()  
        },  
        methods: {  
             loadMarker(){  
                let arrLayer = []  
                let arrPoLine = []  
                arrLayer.push({  
                    id: 111,  
                    iconPath:"/static/map/marker.png",  
                    latitude: 32.037154,  
                    longitude: 118.646375,  
                    callout: {//配置气泡,配置气泡后,title会失效  
                        content: '人才公寓二期1',  
                            display: 'ALWAYS',//显示方式,可以配置点击或一直显示,BYCLICK点击显示 ALWAYS  
                            padding: '10',//文本边缘留白,文字和边界宽度  
                            bgColor: "#cecbcb",//背景颜色  
                            borderRadius: 5  
                        }  
                })  
                //this.covers = arrLayer  
                //this.polygonLineData = arrPoLine  
             },  
             ttap(e){  
                 alert(1)  
             }  
        }  
    }  
</script>  
<style lang="scss" scoped>  

</style>

操作步骤:

使用示例代码加上marker气泡,无法触发

预期结果:

点击事件有效

实际结果:

点击事件没触发

bug描述:

无法触发map上气泡点击事件

2021-11-22 17:58 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

平台信息 nvue还是vue 都把信息补充完整了

DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,HBuilderX alpha 3.3.0+ 已修复

临时解决方案,下载替换文件到 HBuilder 对应路径:

https://unpkg.com/@dcloudio/uni-h5@2.0.0-32920211122002/dist/index.umd.min.js
HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5/dist/index.umd.min.js
  • 1***@qq.com (作者)

    替换后本地调试发现定位功能往左偏了一个屏幕

    2021-11-30 11:40

  • 1***@qq.com (作者)

    我换成IP又好了,可能是缓存

    2021-11-30 11:48

  • 1***@qq.com (作者)

    替换以后本地能用,发布到服务器还是触发不了点击事件。。。

    2021-12-14 14:19

  • DCloud_UNI_GSQ

    回复 1***@qq.com: 是不是有缓存

    2021-12-14 15:27

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 缓存清理了不管用

    2021-12-17 09:56

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 同样的页面放到新建的项目发布后点击事件能触发,在我的项目里发布后就不行,也不知道是什么影响的唉

    2021-12-17 11:36

要回复问题请先登录注册