
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Mapbox で移動する点を描く - Qiita
よくある「スマートフォンなどの位置情報を受信して、その位置を地図上に示す」を Mapbox で行います。 ... よくある「スマートフォンなどの位置情報を受信して、その位置を地図上に示す」を Mapbox で行います。 Mapbox でのピン表示について考える で書いたとおり、「頻繁なアニメーションが伴う場合は Symbol Layer」がふさわしいと考えるので、今回はそちらを使用します。 とは言っても、ここではダミーデータとして緯度経度のリストを走査してシンボルを移動させているだけなので、ただのシンボルの再描画の例になります。 index.js 事前準備が長いですが、重要なのは最下部 setInterval の中で行っている dataSource.setData() で、これを行うと地図(上のレイヤ)が更新されます。 ところどころ省略しているので、完全版は DEMO を見てください。 const map = new mapboxgl.Map({ container: 'map', center: [