本文介绍了如何使用React创建项目，并为实现三维可视化功能，手动封装mapboxgl和threejs库。通过react脚手架初始化项目，安装mapboxgl及相关依赖，展示了一个mapboxgl的基本地图。后续将介绍结合threejs的进一步操作。
首先我们需要搭建一个基于 React 的一个项目用开始我们的实战系列，后期所有的功能都是基于 react 的一个项目来实现。
由于后面需要支持多坐标系，需要进行修改 mapboxgl 的源码，以及实现对应的功能，我们需要手动封装两个库：一个是基于 maoboxgl 进行封装一些基本的功能库，另一个就是基于 mapboxgl 的 customLayer 进行封装 threejs 的一些动效库；接下来我们开始。
创建项目
首先通过 react 脚手架创建一个项目，输入命令：npx create-react-app gis-manager --template typescript --use-npm；gis-manager 为你的项目名称；可以随便起；
安装完依赖之后，可以看到提示的命令 cd gis-manager 然后 npm start；如果看到下面的界面，就说明项目创建成功！
安装项目依赖
首先我们需要安装 mapboxgl，输入命令：npm i mapbox-gl
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
