非常可乐
非常可乐
  • 发布:2022-06-07 15:57
  • 更新:2023-01-13 16:44
  • 阅读:906

【报Bug】map h5 @markertap点击事件无效

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

浏览器平台: Chrome

浏览器版本: 91.0.4472.123

项目创建方式: HBuilderX

示例代码:

<template>  
    <view>  
        <view class="page-body">  
            <view class="page-section page-section-gap">  
                <map style="width: 100%; height: 600px;" :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="markertap">  
                </map>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
import { mapGetters } from "vuex";  
export default {  
    components: {},  
    props: {  
        mapHeight: {  
            type: Number,  
            default: 300,  
        },  
    },  
    data() {  
        return {  
            id:0, // 使用 marker点击事件 需要填写id  
            title: 'map',  
            latitude: 39.909,  
            longitude: 116.39742,  
            covers: [{  
                latitude: 39.909,  
                longitude: 116.39742,  
                iconPath: '../../static/images/mark.png'  
            }, {  
                latitude: 39.90,  
                longitude: 116.39,  
                iconPath: '../../static/images/mark2.png'  
            }]  

        };  
    },  
    methods: {  
        markertap (e) {  
            console.log(e, '==============')  
        }  
    }  
};  
</script>  

操作步骤:

如上代码示例。

预期结果:

点击触发事件。

实际结果:

未触发事件。

bug描述:

使用示例代码 ,增加 @markertap 事件点击无效。
https://uniapp.dcloud.io/component/map.html
https://hellouniapp.dcloud.net.cn/pages/component/map/map

2022-06-07 15:57 负责人:无 分享
已邀请:
非常可乐

非常可乐 (作者) - wu

【已解决】
问题原因:使用 marker点击事件 需要填写id 。 项目代码中id使用的字符串。
解决办法:id使用数字。

9***@qq.com

9***@qq.com

到底怎么解决的呀,你的id定义了根本没用过啊

7***@qq.com

7***@qq.com

covers里要加id

covers: [{  
    id: 1,  
    latitude: 39.909,  
    longitude: 116.39742,  
    iconPath: '../../static/location.png'  
}, {  
    id: 2,  
    latitude: 39.90,  
    longitude: 116.39,  
    iconPath: '../../static/location.png'  
}],  
  • 1***@qq.com

    我这边加了也没效果呢

    2023-01-16 14:42

  • 4***@qq.com

    回复 1***@qq.com: 同样加了id没效果,兄弟问题解决了吗

    2023-02-08 16:34

要回复问题请先登录注册