hubble.hl 事始め

http://hubble.gl/docs

成果物は以下へ保存
https://github.com/sugasaki/deckgl-hubblegl/tree/main/hubblegl-examples/examples

1

standaloneから初めてみる
https://github.com/visgl/hubble.gl/tree/master/examples/standalone

yarn
yarn start-local

で起動で表示された。なるほど

hubbleをどこでロードしてるのか分からなかったけど、↓でやってるぽい

import 'hubble.gl/../bundle';

2 Pure JS

Pure JS example
https://github.com/visgl/hubble.gl/tree/master/examples/pure-js

うまく表示されない
試行錯誤したが、

@hubble.gl/coreがpackage.jsonに入ってないだけだった。

yarn add @hubble.gl/core

3 trips

# install dependencies within hubble.gl root
yarn bootstrap

# To install example go to the folder 
cd examples/trips

# do this once per example
yarn

# To run the example
yarn start-local

環境変数

MapboxのAccess tokensでTokenを取得する
https://account.mapbox.com/access-tokens/

Tokenを.zshrcにセットする

vi ~/.zshrc

以下の行を挿入する

# mapbox token
MapboxAccessToken="取得したToken"

適用する

exec $SHELL -l

確認

echo $MapboxAccessToken

trips 2

その他

npm-gypでエラーの場合
https://github.com/nodejs/node-gyp/blob/master/macOS_Catalina.md#i-did-all-that-and-the-acid-test-still-does-not-pass--