8***@qq.com

发布：2020-11-22 12:10
更新：2020-12-03 16:12
阅读：1735

【报Bug】小程序中使用map。ios中@markertap 事件会穿透。安卓。app，微信开发工具都正常。

分类：uni-app

bug反馈 map 确认bug

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

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10或者mac

HBuilderX类型：正式

HBuilderX版本号： 2.9.8

第三方开发者工具版本号： 1.0.3

基础库版本号：最新都hello

项目创建方式： HBuilderX

示例代码：

        </view>  
        <view class="wrap" style="">  
            遮照层  
        </view>  
    </view>  
</view>

</template>
<script>
export default {
data() {
return {
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.9085,
longitude: 116.39747,
// #ifdef APP-PLUS
iconPath: '../../../static/app-plus/location@3x.png',
// #endif
// #ifndef APP-PLUS
iconPath: '../../../static/location.png',
// #endif
}, {
latitude: 39.90,
longitude: 116.39,
// #ifdef APP-PLUS
iconPath: '../../../static/app-plus/location@3x.png',
// #endif
// #ifndef APP-PLUS
iconPath: '../../../static/location.png',
// #endif
}]
}
},
methods: {
markertap() {
console.log('我触发了')
}
}
}
</script>
<style>
map {
width: 100%;
height: 100vh;
}
.wrap {
position: absolute;
bottom: 0;
width: 100%;
height: 400rpx;
background: #0062CC;
opacity: 0.6;
}
</style>

操作步骤：

官方hello项目。地图中触发markertap 事件，事件触发。将地图icon移动到遮照层下面。点击遮照层下面有icon的地方，依然触发markertap事件。另手指滑动遮照层。地图移动

预期结果：

点击遮照层，下面到icon。也就是markertap事件不应该触发。

实际结果：

markertap事件触发。

bug描述：

2020-11-22 12:10 负责人:DCloud_UNI_GSQ 分享

4 个回复

8***@qq.com (作者) - 个人开发者

有解决办法吗？官方再解决吗？手机x或者xr 都试过。版本14.1

DCloud_UNI_GSQ

需要反馈到微信小程序社区，请微信小程序的开发人员修复。

2020-12-03 16:12

DCloud_UNI_Anne

问题已确认，需要反馈到微信小程序社区，请微信小程序的开发人员修复。

8***@qq.com (作者)

好的。

2020-11-23 15:18

DCloud_UNI_Anne

临时解决方案：在遮罩层加个事件拦截一下

8***@qq.com (作者)

<template>

<view>

<page-head :title="title"></page-head>

<view class="uni-common-mt">

<view>

<map :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="markertap">

</map>
```
        </view>  

        <view class="wrap"  @click="wrap">  

            遮照层  

        </view>  

    </view>  

</view>  
```
</template>

<script>

export default {

data() {

return {

title: 'map',

latitude: 39.909,

longitude: 116.39742,

covers: [{

latitude: 39.9085,

longitude: 116.39747,

// #ifdef APP-PLUS

iconPath: '../../../static/app-plus/location@3x.png',

// #endif

// #ifndef APP-PLUS

iconPath: '../../../static/location.png',

// #endif

}, {

latitude: 39.90,

longitude: 116.39,

// #ifdef APP-PLUS

iconPath: '../../../static/app-plus/location@3x.png',

// #endif

// #ifndef APP-PLUS

iconPath: '../../../static/location.png',

// #endif

}]

}

},

methods: {

wrap(e) {

console.log(e)

e.stopPropagation()

e.stopPropagation()
```
        },  

        markertap() {  

            console.log('我触发了')  

        }  

    }  

}  
```
</script>

<style>

map {

width: 100%;

height: 100vh;

}
```
.wrap {  

    position: absolute;  

    bottom: 0;  

    width: 100%;  

    height: 400rpx;  

    background: #0062CC;  

    opacity: 0.6;  

}  
```
</style>

给遮罩层添加@click 事件。事件中e.stopPropagation() e.stopPropagation() 。是这个意思吗？如果是。那不行。阻塞不了。谢谢

2020-11-23 15:46
DCloud_UNI_Anne

回复 8***@qq.com: hbuilderx 2.9.8.20201110下测试正常。

2020-11-23 18:43
8***@qq.com (作者)

回复 DCloud_UNI_Anne: 确定吗？我实测不行。并且遮罩层事件会后执行。

methods: {

wrap(e) {

e.stopPropagation()

e.preventDefault()
```
            console.log('我是遮罩层事件')  

        },  

        markertap() {  

            console.log('我触发了')  

        }  

    }  
```
结果：

我触发了

我是遮罩层事件

hx 2.9.8.20201110 小程序工具：1.03.2011202. 手机：x 14.2系统。

当也不是特别急。不行坐等更新吧。谢谢

2020-11-23 19:23

8***@qq.com (作者) - 个人开发者

demo已上传

demo.rar

DCloud_UNI_Anne

你提供的demo，安卓和IOS上遮罩层不显示。遮罩层你用cover-view包裹，再添加阻止事件，这样不会触发@markertap 事件。

2020-11-24 11:17
8***@qq.com (作者)

回复 DCloud_UNI_Anne: /(ㄒoㄒ)/~~ 谢了。坐等更新修复吧

2020-11-24 13:59

该问题目前已经被锁定, 无法添加新回复

【报Bug】小程序中使用map。ios中@markertap 事件会穿透。安卓。app，微信开发工具都正常。

操作步骤：

官方hello项目。地图中触发markertap 事件，事件触发。将地图icon移动到遮照层下面。点击遮照层下面有icon的地方，依然触发markertap事件。另手指滑动遮照层。地图移动

预期结果：

点击遮照层，下面到icon。也就是markertap事件不应该触发。

实际结果：

markertap事件触发。

bug描述：

4 个回复

公告

相关问题

【报Bug】小程序中使用map。ios中@markertap 事件会穿透。安卓。app，微信开发工具都 正常。

操作步骤： 官方hello项目。地图中触发markertap 事件，事件触发。将地图icon移动到遮照层下面。点击遮照层下面有icon的地方，依然触发markertap事件。另手指滑动遮照层。地图移动

预期结果： 点击遮照层，下面到icon。也就是markertap事件不应该触发。

实际结果： markertap事件触发。

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

【报Bug】小程序中使用map。ios中@markertap 事件会穿透。安卓。app，微信开发工具都正常。

操作步骤：

官方hello项目。地图中触发markertap 事件，事件触发。将地图icon移动到遮照层下面。点击遮照层下面有icon的地方，依然触发markertap事件。另手指滑动遮照层。地图移动

预期结果：

点击遮照层，下面到icon。也就是markertap事件不应该触发。

实际结果：

markertap事件触发。