在这里记录一下之前遇到的 threejs 融合 webgis 场景遇到的问题： 问题：需要在 mapbox 地图中按提供的经纬度信息添加带着色器材质的动态特效 首先 要实现在 mapbox 与 threejs 融合展示，目前个人实践来说

最近项目中有遇到根据实时推送数据展示轨迹的需求，并且需要加载gltf、glb此类3D模型作为车辆点，所以在此需要结合threejs
但是若使用原生threejs的话结合地图开发不太友好，所以使用threebox作为桥梁可以减少很多心智负担。在这里做个小demo记录一下

---

1. 引入所需的 js 库

   1 2 3 4 5 6 7 8

   // mapboxgl <script type="text/javascript" src="xxx/mapbox-gl.js"></script> <link rel="stylesheet" type="text/css" href="xxx/mapbox-gl.css"/> // threebox <script type="text/javascript" src="xxx/threebox/threebox.js"></script> <link rel="stylesheet" type="text/css" href="xxx/threebox/threebox.css" /> // turf <script type="text/javascript" src="./turf/turf.min.js"></script>

mapbox地图开发时会遇到给图层添加完点击事件无法继续使用匿名函数取消掉此事件，此时稍微修改写法即可123map.on('click','layerId',function(e){ co