博客

Win10编译mapbox gl

在win10电脑上编译最新版（v2.4.1）mapbox gl.js，参考多篇博客，写下此文，为各位排坑。（CSDN首发原创:2022-01-26,https://blog.csdn.net/m0_37821031/article/details/122703196）

环境搭建步骤

1. 安装node（一般自带npm）。
2. 安装yarn（npm install -g yarn）。
3. 安装Visual Studio 2015以后的版本，可以在线安装社区版（我安装的是vs2017社区版）。
4. 管理员身份执行cmd命令：npm install –global –production windows-build-tools。
5. 安装npm-gyp 执行cmd命令： npm install -g node-gyp。
6. 安装headless-gl 执行cmd命令：npm install gl -g。（安装vs2017就是为了这步铺垫）

编译运行

1. 进入下载好的mapbox-gl-js文件夹路径，在此路径下执行
   
   cmd命令
   
   ：yarn install（网络有问题需要翻墙）。

2. 创建压缩版的mapbox gl.js、css文件。

   yarn run build-prod-min
   yarn run build-css

后记

参考了网上很多博客，有的需要安装git，一般开发都会有，但对于编译mapbox库包来说可有可无。

以上步骤中最后一步

安装headless-gl

很容易出现问题。所以安装vs2017时C++相关的组件就保留。