最近项目中有遇到根据实时推送数据展示轨迹的需求,并且需要加载gltfglb此类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>