mapbox gl js學習之重新編譯 零基礎

2021-08-03 22:11:26 字數 894 閱讀 4217

最近專案中用到了mapbox.gl進行大資料視覺化。因為自己學前端時間不長,所以遇到了許多問題,現在此做乙個總結。

mapbox-gl-js可以在瀏覽器中顯示乙個可互動的地圖,它是用webgl實現的。在官網裡註冊乙個賬戶,獲取accesstoken,根據提示就可以快速實現它的一些例子。

1.安裝python 2.7(注意python3不可以,只能是2.7)

5.安裝npm   注意,一般安裝好node.js後會自動把npm裝好

6.管理員身份執行cmd命令:npm install --global --production windows-build-tools

7.安裝npm-gyp   執行cmd命令: npm install -g node-gyp

(1)開啟cmd

(2)輸入命令:git clone

9.安裝visual studio 2015或以上

10.安裝headless-gl   執行cmd命令:npm install gl   (這一步很容易出現錯誤,出錯後先不用管,執行11步,如果11能成功就算了,不能成功就要找原因)

到這一步為止,你已經成功配置好環境~~

在mapbox-gl-js資料夾路徑下執行命令:yarn run start-debug

之後開啟瀏覽器,輸入位址http://localhost:9966/debug就可以除錯了。

但是這裡需要key,我把mapbox-gl-js\src\util\config.js裡加上了自己的key,但還是提示說缺少key....暫時沒解決。

在mapbox-gl-js資料夾路徑下執行命令: yarn run build-min

結束後在mapbox-gl-js\dist路徑下就能找到編譯好的mapbox-gl.js與mapbox-gl.css

2020 12 31 重新學習C 之 指標

從剛開始就沒有徹底理解鍊錶的原理,所以一直就是背的板子。直到今天學了指標,拿指標寫鍊錶,才覺得很透徹。指標的思路真的比陣列清晰很多。include include includeusing namespace std struct node struct list void add node lis...

jqGrid之重新載入資料

近來工作市場用到jqgrid這個外掛程式,主要用於呈現 的功能,有些心得做一小結。首先要引入 jquery.jqgrid.min.js 檔案 html結構部分很簡單 id jqgrid ds left table id jqgridpager div 其次就是必須的配置資訊了 這裡給出乙個模板資料 ...

重新學習makefile

今天回顧了一下makefile,做下筆記 首先準備幾個簡單的檔案 add.c head.h main.c mul.c sub.c 然後第一版 makefile 然後第二版 gcc c main.c o main.o 然後第三版 makefile 的語法跟shell 很像 第四版 目標 依賴 tab ...