WEB

MapboxのflyToメソッドを使ってワインデータの産地とグラフを連動させてみました

nap5
 

こんにちは。nap5です。

MapboxのflyToメソッドを使ってワインデータの産地とグラフを連動させてみましたので、紹介したいと思います。

デモサイトです。

Welcome to make yourself
this is make yourself site
react-tailwind-sticky-sub-header-nextjs.onrender.com
外部サイト
 
https://react-tailwind-sticky-sub-header-nextjs.onrender.com

MapboxのflyToメソッドは知っておくといいかもですね。

NYTとかで見るインタラクティブなコンテンツの応用例サンプルが公式ドキュメントから提供されています。

Fly to a location based on scroll position | Mapbox GL JS
Scroll down through the story and the map will fly to the chapter's location.
Mapbox
外部サイト
 
https://docs.mapbox.com/mapbox-gl-js/example/scroll-fly-to/

簡単ですが、以上です。

データサイエンス・AI領域の専門集団 GRI
GRIへのお問い合わせはこちらから
関連の記事