uni-app map组件内部其他带有点击事件的标签会与map上方标签冲突，出现奇葩现象

uni-app map组件内部其他带有点击事件的标签会与map上方标签冲突，出现奇葩现象

产品分类：uniapp/小程序/微信

示例代码：

<template>  
    <view class="my-wrap">  
        <view>  
            <view v-if="showTs" @click="onclickOne">  
                1  
            </view>  
        </view>  
        <view class="my-map-wrap">  
            <map id="jsmap" class="my-map" enable-3D="true" show-scale="true"  
                 enable-building="true"  
                 show-location="true"  
                 :scale="19"  
                 @markertap="onClickMarker">  
                <view>  
                    <button @click="onClickMapControlGetLocal">地图定位图标</button>  
                </view>  
            </map>  
        </view>  
        <view>  
            <button @click="onClickTs">开始测试</button>  
        </view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            map: {  
                longitude: 111.411067,  
                latitude: 22.189381,  
                scale: 19,  
                markers: [],  
            },  
            g_map: null,  
            showTs: false,  
        }  
    },  
    onLoad() {  

    },  
    onReady() {  
        this.init();  

    },  
    methods: {  
        init() {  
            this.g_map = uni.createMapContext('jsmap');  

            this.getLocation();  
        },  
        getLocation() {  

            this.g_map.moveToLocation({  
                longitude: this.map.longitude,  
                latitude: this.map.latitude,  
                success: (res) => {  
                    wx.showToast({  
                        title: '定位成功',  
                        icon: 'success',  
                        duration: 2000  
                    })  
                },  
                fail: (res) => {  
                    console.log('moveToLocation fail:' + JSON.stringify(res));  

                }  
            });  

            let marker = {  
                id: 1,  
                latitude: this.map.latitude,  
                longitude: this.map.longitude,  
                width: 60,  
                height: 60,  
            };  

            this.g_map.addMarkers([marker]);  

            this.g_map.addMarkers({  
                markers: [marker],  
                clear: true, // 是否先清空地图上所有 marker  
                success: (res) => {  
                    // console.log('addMarkers success:' + JSON.stringify(res));  
                },  
                fail: (res) => {  
                    console.log('addMarkers fail:' + JSON.stringify(res));  
                }  
            });  

        },  
        onClickMarker(e) {  
            wx.showToast({  
                title: '你已经点击了Marker',  
                icon: 'success',  
                duration: 2000  
            })  
        },  
        onclickOne() {  
            wx.showToast({  
                title: '你已经点击了1',  
                icon: 'success',  
                duration: 2000  
            })  
        },  
        onClickTs() {  
            this.showTs = true;  
        },  
        onClickMapControlGetLocal() {  
            wx.showToast({  
                title: '你已经点击了地图定位按钮',  
                icon: 'error',  
                duration: 2000  
            })  
        }  
    }  
}  
</script>  

<style scoped lang="scss">  

.my-wrap {  
    display: flex;  
    height: 100%;  
    flex-direction: column;  
    background: #F5F5F5;  
}  

.my-map-wrap {  
    flex: 1;  
    overflow: hidden;  

    .my-map {  
        width: 100%;  
        height: 100%;  
    }  

}  
</style>