xviz和streetscape.gl构建过程以及避坑操作

1.整体介绍：uber开源的基于web的自动驾驶可视化数据平台，其中，xviz负责数据处理，即将原始数据专为后续可视化平台可识别数据，streetscape.gl是可视化工具，在web页面中渲染可视化页面。

2.该项目意义：作者认为，目前的可视化数据没有一个标准，即每一家的自动驾驶的数据都是自己定义的，没有一个通用的标准，那uber希望通过自己的avs来界定一个行业内的标准，但是目前看来，社区活跃度还是不够，群众基础不好。

3.构建流程

a.搭建xviz:

        基于linux ubuntu20版本，过程中的坑有点多总结如下：

        1. node以及yarn版本： node是 v14.15.0 yarn版本号是 1.22.19,如果版本号不对，那安装过程中会爆发各种各样的错误。

        2. 端口冲突可以修改端口

b.搭建streetscape.gl

         整体过程基于官网过程，但是有一些需要注意的地方

        1. 搭建完成后，在执行demo程序时，由于要去github下载部分数据，所以建议修改

        src/log-from-file.js文件的地址，在github.com前面加上ghproxy.com/

        2. mapbox accesstoken问题，处理方案有很多中，但是有很多没有效果，我的处理方案是直接添加token  ./node_modules/react-map-gl/dist/esm/mapbox/mapbox.js 这个文件的getAccessToken方法直接返回 pk.eyJ1IjoiYXBwbGV5dWNoaSIsImEiOiJja2Y3dWMzajIwMmptMnptcnBwaHkxcXlmIn0.ZRs3vgh8DIkQrtj-b0d-Uw

过程中还有其他问题，我这边也记不太清楚了，有兴趣的小伙伴可以私信我交流沟通