マップナビゲーション

シルクソング マップは、すべてのデバイスでシームレスに動作する直感的なナビゲーションコントロールを提供します。このガイドでは、マップを探索およびナビゲートするすべての方法をカバーします。

基本ナビゲーション

ズームコントロール

• マウスホイール: 上にスクロールしてズームイン、下にスクロールしてズームアウト
• タッチデバイス: ピンチジェスチャーでズームイン/アウト
• ズームボタン: コントロールパネルの+と-ボタンをクリック
• キーボード: +と-キーでズームコントロール

パンニング（移動）

• マウス: クリック＆ドラッグでマップビューを移動
• タッチ: 指でタッチ＆ドラッグ
• キーボード: 矢印キーで精密な移動
• エッジスクロール: マウスを画面端に移動して自動スクロール

リセットとホーム

• ホームボタン: デフォルトマップビューに戻る
• ダブルクリック: 空の領域をダブルクリックして中央に配置しズーム
• キーボードショートカット: 'H'を押してホームに戻る

高度なナビゲーション

フルスクリーンモード

• 切り替えボタン: フルスクリーンアイコンをクリックしてマップを拡張
• キーボード: 'F'を押してフルスクリーン切り替え
• 終了: 'Esc'を押すか終了ボタンをクリックしてフルスクリーンを終了
• 利点: 最大画面スペースでの没入的探索

ビューモード

• 標準ビュー: すべてのコンテンツを表示するデフォルトのバランスビュー
• エリアフォーカス: エリア名をクリックして特定地域にズーム
• POIフォーカス: 検索結果をクリックして場所に自動ナビゲート

ナビゲーションメモリ

• ブラウザ履歴: 戻る/進むボタンで以前のビューを再訪
• ビューブックマーク: ブラウザブックマークが現在のマップ位置とズームを保存
• セッション永続化: セッション中にマップ位置が記憶される

モバイルナビゲーション

タッチジェスチャー

• シングルタップ: POIを選択してマップ要素と相互作用
• ダブルタップ: タップした場所に素早くズームイン
• ピンチ: 二本指でズームイン/アウト
• ドラッグ: 一本指でマップをパン
• 二本指ドラッグ: マップビューを回転（回転が有効な場合）

モバイル専用機能

• 画面向きロック: より良い視認性のため横画面モード推奨
• タッチフィードバック: すべてのタッチインタラクションの視覚的フィードバック
• ジェスチャー防止: 偶発的なブラウザジェスチャーを防止
• パフォーマンス最適化: モバイルデバイスでの滑らか60fpsナビゲーション

キーボードショートカット

ナビゲーション

• 矢印キー: 全方向にパン
• + / -: ズームインとアウト
• H: ホームビューに戻る
• F: フルスクリーンモード切り替え
• Esc: フルスクリーン終了またはダイアログを閉じる

機能性

• Space: フィルターパネル切り替え
• S: 検索バーにフォーカス
• C: すべてのフィルターをクリア
• T: すべてのPOI可視性を切り替え

ナビゲーションのヒント

パフォーマンス最適化

• 滑らかなズーミング: 離散ジャンプではなく連続ズーム動作を使用
• 効率的パンニング: 不要なナビゲーションを減らすため移動前にルートを計画
• レイヤー管理: パフォーマンス向上のため未使用レイヤーを非表示
• キャッシュ認識: 新しいズームレベルで高解像度タイルが読み込まれる時間を許可

探索戦略

• 広く開始: 全体レイアウトを理解するためズームアウトビューから開始
• 段階的詳細: 特定エリアを探索する際に徐々にズームイン
• ランドマークナビゲーション: 方向感覚の参照ポイントとして主要エリアを使用
• 体系的探索: コンテンツを見逃さないよう方法論的にエリアを作業

アクセシビリティ

• キーボードナビゲーション: マウスなしで完全な機能を利用可能
• スクリーンリーダーサポート: 支援技術と互換性
• ハイコントラスト: すべてのズームレベルで読みやすい
• 調整可能インターフェース: カスタマイズ可能なコントロールサイズと位置

ナビゲーショントラブルシューティング

よくある問題

• 動作が鈍い: ブラウザキャッシュをクリアし、不要なタブを閉じる
• マップが応答しない: ページを更新しインターネット接続を確認
• タイル欠け: マップデータの読み込み時間を許可するか、更新を試す
• タッチ問題: ブラウザズームが適用されていないことを確認（100%ズーム推奨）

ブラウザ固有のヒント

• Chrome: ハードウェアアクセラレーション有効で最高パフォーマンス
• Firefox: 最適体験にはWebGL有効が必要な場合がある
• Safari: iOSユーザーはJavaScriptを有効にしコンテンツブロッカーを無効化すべき
• Edge: Chromeに似た優秀なタッチサポート

次のステップ

ナビゲーションを理解したので、以下を探索してください：

• 検索＆フィルタリング: 特定のコンテンツを素早く見つける
• 進行状況追跡: 発見をマークし完了状況を追跡
• 高度機能: パワーユーザー機能を発見