【WebGIS实例】(12)MapboxGL解决叠加图层的点击事件冒泡

2024-01-09 17:12:42

解决方法一:

map.on('click', 'layerName', e => {
	e.preventDefault()
	console.log('上面的图层')
	console.log('点击的要素', e.features[0])
})

// 下面的那个图层:阻止默认事件,在下面的e可以看到_defaultPrevented: false,在layerName2中写入
map.on('click', 'layerName2', e => {
	if(e.defaultPrevented)return;
	console.log('下面的图层')
	console.log('点击的要素', e.features[0])
})

解决方法二:

  map.on('click', (e) => {
    const { point} = e;
    const clickedFeatures = map.queryRenderedFeatures(point); // 获取点击处的要素
	console.log('最上面的图层 ', clickedFeatures[0]);
    }
  })

文章来源:https://blog.csdn.net/ReBeX/article/details/135483141
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。