Mapbox GL多边形点击高亮功能失效，求问题排查帮助

以下是几个可能导致点击高亮无效果的原因及对应解决方案：

1. 高亮视觉差异过于微弱 #

你当前仅通过fill-opacity从1变为0.7实现高亮，这个透明度变化非常细微，肉眼几乎无法察觉。建议调整为更直观的视觉反馈，比如修改填充颜色、添加轮廓边框：

'paint': {
    'fill-color': {
        property: 'properties_count',
        stops: [[...]]
    },
    // 增大透明度差异
    'fill-opacity': [
        'case',
        ['boolean', ['feature-state', 'current'], false],
        0.9,
        0.4
    ],
    // 选中时添加明显的轮廓边框
    'fill-outline-color': [
        'case',
        ['boolean', ['feature-state', 'current'], false],
        '#FF0000', // 红色边框
        '#333333'
    ]
}

2. Feature ID类型不匹配 #

map.setFeatureState对Feature的ID类型严格敏感，如果代码中获取的e.features[0].id与数据源中Feature的id类型不一致（比如一个是字符串、一个是数字），状态设置会失效。
你的数据源里id是数字类型（如71363），请确保代码中存储的hoveredStateId也是数字：

// 强制转为数字类型，避免类型不匹配
hoveredStateId = Number(e.features[0].id);

3. 图层可见性或事件绑定问题 #

• 确认all_layers循环逻辑正确，当前图层current_layer的visibility确实被设置为visible，点击的多边形图层处于可见状态。
• 临时取消Popup的注释（.addTo(map)），测试点击多边形时是否弹出弹窗，以此验证click事件是否正确绑定到目标图层。

4. 数据源加载时机问题 #

确保map.getSource('json_source').setData(//my_data_source)执行时，数据源已正确加载，并且所有Feature都完整包含id字段（你的JSON示例中id存在，但需确认全量数据均符合该格式）。

内容的提问来源于stack exchange，提问作者JDoe