wgg00sh https://blog.hatena.ne.jp/wgg00sh/ Mobile Factory Tech Blog https://tech.mobilefactory.jp/ フロントエンド はじめに 駅メモ！チームでエンジニアをしている id:wgg00sh です． 駅メモ！では2021年11月に「未取得の駅を地図で確認できる機能」をリリースしました． 今回はこの機能を実現するにあたって発生した問題の一例と，その問題をどのように解決したかについて，使用した地図ライブラリである Mapbox GL JS の使い方と合わせて紹介していきます 地図上に全ての駅を表示する 駅メモ！には，9300を超える駅が使用されているので，まずはその全てを表示してみます ↓のような駅情報を持っていて， export const stationList = [ [1,'函館',140.xxxxxx,41… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.mobilefactory.jp%2Fentry%2F2021%2F12%2F15%2F000000" title="Mapbox GL JS で大量のデータを可視化する - Mobile Factory Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/151936905/1542076919658841 Hatena Blog https://hatena.blog 2021-12-15 00:00:00 rich https://tech.mobilefactory.jp/entry/2021/12/15/000000 1.0 100%