🗺️ 位置情報デモ2

Geolocation APIとLeaflet.jsを組み合わせたインタラクティブマップのデモです。
取得した位置情報を地図上にマーカーで表示します。

🗺️ マップ機能:
• 自動的に現在位置を取得して地図の中心に表示
• 赤いマーカーが現在位置を示します
• マウス・タッチ操作で地図の拡大縮小・移動が可能
• OpenStreetMapの地図データを使用

📊 位置情報データ

位置情報を取得中...

🗺️ インタラクティブマップ

⚙️ 技術仕様

🛠️ 使用技術

  • HTML5 Geolocation API
  • Leaflet.js（地図ライブラリ）
  • OpenStreetMap タイル
  • JavaScript（外部ファイル: loc2.js）

🎯 主な機能

  • リアルタイム位置取得
  • インタラクティブマップ表示
  • 位置マーカー表示
  • 地図の拡大縮小・移動