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へのお問い合わせはこちらから[データ分析・AIの専門家集団「GRI」と一緒に仕事をしませんか？ お問い合わせお待ちしております]

関連の記事