做网站卖仿品,专业做网站建设,山西搜索引擎优化,门户设计概述
mapboxGL实现鼠标经过高亮可通过注册图层的mousemove和moveout事件来实现#xff0c;在mousemove事件中可以拿到当前经过的要素#xff0c;但是当使用该要素时#xff0c;发现在某个地图级别下会有线和面数据展示不全的情况。究其原因#xff0c;发现是mapboxGL在绘图…概述
mapboxGL实现鼠标经过高亮可通过注册图层的mousemove和moveout事件来实现在mousemove事件中可以拿到当前经过的要素但是当使用该要素时发现在某个地图级别下会有线和面数据展示不全的情况。究其原因发现是mapboxGL在绘图的时候为提升效率也会进行切片所以图层事件返回的要素时切片后的当数据范围比较大、地图级别比较大的时候必然会分成多块。
表现 实现
fetch(/data/999999.geojson).then(res res.json()).then(res {const adminFeatures res.featuresmap.on(mousemove, admin-boundry-fill, (e) {// const feature e.features[0] // 此种方式会有图形不完整的情况const adcode e.features[0].properties.adcode;const feature adminFeatures.find((d) d.properties.adcode adcode);map.getSource(admin-boundry-h).setData(feature);map.getCanvasContainer().style.cursor pointer;});map.on(mouseout, admin-boundry-fill, (e) {map.getSource(admin-boundry-h).setData(new Geojson());map.getCanvasContainer().style.cursor default;});})
