当前位置：首页 > news >正文

mapbox-gl-draw simple_select 状态下单个选中

news 来源：原创 2025/5/29 12:00:57

处理 mapboxgl-draw select 多个要素的问题修复

simple_select 状态下单个选中

const sourceHot = map.getSource("mapbox-gl-draw-hot") as GeoJSONSource;const sourceCold = map.getSource("mapbox-gl-draw-cold") as GeoJSONSource;if (sourceCold && sourceCold._data) {const features = (sourceCold._data as FeatureCollection).features;features.forEach((t: any) => {if (t.properties.id && ids.includes(t.properties.id.toString())) {t.properties.active = "true";} else {t.properties.active = "false";}});sourceCold.setData({type: "FeatureCollection",features});}

点击地图取消 simple_select 状态

map!.on("click", evt => {//处理 mapboxgl-draw select 多个要素的问题修复const sourceHot = map.getSource("mapbox-gl-draw-hot") as GeoJSONSource;sourceHot?.setData(emptyFeatures);const sourceCold = map.getSource("mapbox-gl-draw-cold") as GeoJSONSource;if (sourceCold && sourceCold._data) {const features = (sourceCold._data as FeatureCollection).features;features.forEach((t: any) => {t.properties.active = "false";});sourceCold.setData({type: "FeatureCollection",features});}});