mapbox 高亮点击所属地块

要在Mapbox中高亮点击所属地块，可以通过以下步骤实现：

1. 首先，使用map.on('click',e=>{})事件回调函数来获取当前鼠标点击的要素。

2. 使用Mapbox的API函数queryRenderedFeatures来获取当前点击得到的要素。该函数需要传入点击事件的坐标作为参数。

3. 获取到的features可能是多个，因为地图可能添加了多个叠加的图层。此时，我们需要通过写判断条件来选择我们希望高亮的那个图层。

4. 将获取到的要素作为数据源source，重新构建一个图层，并将该图层添加到地图上。可以使用map.addLayer方法来实现。

下面是一个示例代码：

map.on('click', e => {
  const features = map.queryRenderedFeatures(e.point);
  // 这里写上判断条件来选择你希望高亮的图层，例如 features

  // 构建一个新的图层，将获取到的要素作为数据源
  map.addLayer({
    id: 'highlighted-layer',
    type: 'fill',
    source: {
      type: 'geojson',
      data: {
        type: 'FeatureCollection',
        features: [features]
      }
    },
    paint: {
      'fill-color': '#ff0000', // 设置高亮颜色
      'fill-opacity': 0.5 // 设置高亮透明度
    }
  });
});

以上代码会在Mapbox中实现点击地块高亮的效果。你可以根据需要，自定义高亮的颜色和透明度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [MapBox实现要素点击高亮的几种思路（点击颜色变化）](https://blog.csdn.net/lz5211314121/article/details/127848062)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]