矯情的前言
之前沒用過什么npm、react的,著實好頓折騰!
渲染上還有些問題,不過樣式和地圖都能出來了,問題還是不少的,畢竟也不專業(yè)js,重要的是能跑出個例子了,且做個記錄做備用。
可參考方法(主要還得看官方的):
①http://blog.csdn.net/future_todo/article/details/72846952
②https://uber.github.io/deck.gl/#/documentation/getting-started/installation
③https://github.com/uber/deck.gl/tree/4.1-release
∴Ctrl+C終止當前執(zhí)行的任務(wù)
開始記錄
第一步:安裝Node.js,安裝node.js后,npm也可以使用了(可能是附帶了?),具體安裝方法另行百度
第二步:下載deck.gl,cmd轉(zhuǎn)至該目錄下,或在目錄下用git bash。【其實只用到了里面的example,不過正經(jīng)做的話肯定是都需要的】
git clone https://github.com/uber/deck.gl.git
第三步:
以官網(wǎng)的GETTING STARTED的Installation為參考進行,拷貝出一個例子,本文針對單個例子進行。
npm install --save deck.gl luma.gl
npm install --save react-map-gl babel-runtime
注1:deck.gl基于luma.gl,所以需要安裝luma.gl
注2:react-map-gl和babel-runtime在后面會用到,babel-runtime不裝會報錯
注3:npm執(zhí)行操作,warn的可以先不管,Error的必須改
注4:warn里面有提到缺react和react-dom,感覺有用,但是實踐中好像沒什么影響,如果有碰到具體問題可以考慮機上
第四步 安裝依賴包(估計是這個意思吧)
npm install
# 或yarn install
注1:這里會根據(jù)package.json進行配置
注2:提示有三個東西挪了位置,建議安裝xxx,暫時不管
注3:提示fsevents@^1.0.0......,表示在windows系統(tǒng)下執(zhí)行了linux的語句,不管
第五步:申請mapbox的key,需要注冊賬號,免費的
第六步:配置mapbox地圖key,并啟動運行,注意填寫時不要帶上大括號{}!!!,
export MapboxAccessToken=pk.eyJ1Ij...... && npm start
注1:省略號表示剩余的key字符串
注2:成功啟動會顯示webpack:Compiled successfully
注3:360瀏覽器會有問題,推薦用google瀏覽器