矯情的前言
之前沒用過什么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í)行的任務
開始記錄
第一步:安裝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,并啟動運行雏亚,注意填寫時不要帶上大括號{}S酢!罢低!查辩,
export MapboxAccessToken=pk.eyJ1Ij...... && npm start
注1:省略號表示剩余的key字符串
注2:成功啟動會顯示webpack:Compiled successfully
注3:360瀏覽器會有問題,推薦用google瀏覽器