毕业设计网站题目,万网域名注册商,石家庄网站推广报价,哈尔滨市建工建设有限公司概述
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;});})
