無料の屋内マップ作成ツール:オンラインでインタラクティブなフロアプランを作る方法
インタラクティブな屋内マップを作成するのに、CADソフトウェアやマッピングSDKは必要ありません。フロアプランの画像——写真でも構いません——があれば、数分で検索可能なインタラクティブマップに変換できます。その方法をご紹介します。2026年の屋内ナビゲーション技術の全体比較については、技術ガイドをご覧ください。
フロアプランとして使えるもの
施設のレイアウトがわかるものであれば何でも構いません。建築図面、避難経路図(通常エレベーター付近に掲示されています)、手描きのスケッチ、Google Maps衛星写真のスクリーンショット、あるいは高い位置から撮影した写真でも大丈夫です。
画像は正確な縮尺である必要も、建築的に精密である必要もありません。訪問者が認識できること——スマートフォンで見たときに「ああ、この建物だ」と思えること——が重要です。
フロアプランがない場合の入手方法
ビル管理者や施設管理チームに聞いてみましょう。古い紙のコピーであっても、ほぼ確実にフロアプランを持っています。紙のフロアプランをスマートフォンで撮影した写真でも問題ありません。
キャンパスやリゾートの敷地のような屋外スペースの場合は、Google MapsやOpenStreetMapのスクリーンショットを撮りましょう。自分の施設だけが表示されるようにトリミングします。
最終手段として、自分で描くこともできます。どんな描画ツールでも構いません——PowerPointやGoogle Slidesでも。部屋を四角形で描き、ラベルを付けて、画像としてエクスポートします。シンプルなマップの方が、詳細な建築図面よりわかりやすいことも多いです。
インタラクティブマップの作成
フロアプラン画像をQRCodeMapsにアップロードします(無料トライアルあり)。プラットフォームはJPEG、PNG、WebPの5MBまでのファイルに対応しています。画像はパン・ズーム可能なインタラクティブマップとして表示されます。
画像上の任意の場所をクリックしてマーカーを配置します。訪問者が検索しそうな名前を付けましょう。名前だけでは不十分な場合は説明を追加します。マーカーを視覚的にカテゴリ分けしたい場合は色を選択できます。
マーキングする価値のあるすべての場所について繰り返します。ホテルのフロアなら15〜30個のマーカーが目安です。倉庫なら50個以上になることもあります。
訪問者向けのインタラクティブ化
スキャン可能にしたいマーカーのQRコードをオンに切り替えます。各マーカーにはユニークなQRコードが生成され、スキャンすると「現在地」バッジ付きでその場所を中心にマップが開きます。印刷と設置のアドバイスについては、QRコード設置のベストプラクティスをご覧ください。
訪問者はマーカーが付けられた他の場所を検索できます。検索結果はサイト内のすべてのマップにまたがって機能するため、1階にいる訪問者が3階の部屋を検索すると、正しいマップ上に表示されます。
すべての体験はスマートフォンのウェブブラウザで動作します。アプリのダウンロード、アカウント作成、Wi-Fi接続は不要です(モバイルデータ通信で動作します)。
より良いマップのためのヒント
高コントラストの画像を使いましょう——白い背景に濃い線のほうが、色あせた低コントラストの図面よりもスマートフォンの画面で見やすくなります。フロアプラン周囲の不要な余白はトリミングしましょう。
マーカーには訪問者が検索する言い方で名前を付けます:「WC」ではなく「トイレ」、「P2」ではなく「駐車場レベル2」。場所に複数の呼び方がある場合は、説明欄に別名を含めましょう。
スマートフォンの画面でテストしてください。デスクトップモニターでは鮮明に見えても、6インチのスマートフォン画面では読みにくい場合があります。フロアプラン画像のテキストがスマートフォンで読めないほど小さい場合は、簡略化したバージョンの使用を検討しましょう。