html5 地図の現在位置の矢印の作り方の例
2022-01-14 15:01:59
機能ポイント
- 現在の位置の取得
- 現在のデバイスの向きを常時表示する
ハイライト
h5を開くたびに、単純に取得したデバイスの向きが正しく表示されない。これは、開くたびにマップ自体がデバイスの向きに影響されるためです。
そのため、コンパスの向きを再度取得して修正する必要があります。
アプレットがデバイス、コンパスの方向を取得し、h5が位置決め矢印をレンダリングする例を考えてみましょう。
関連する計算式
// The direction of the update arrow should be based on the difference between the device and compass directions
const newAngle = 360 - ( deviceAngle - compassAngle )
以上が今回の記事の内容ですが、皆様の学習の一助となり、スクリプトハウスをより一層応援していただければ幸いです。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン