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