イメージマップメーカー — 写真にクリックできる場所を作ろう
写真をアップロードすると、クリック可能なイメージマップができあがります。建物に番号付きホットスポットを配置し、名前のついたリストを作成。そのまま公開したり、埋め込んだりできます。
1枚の写真から始めよう。その裏側にある場所こそが、世界なのです。
Neta StudioはAIワールドビルダーです。地図、そこに住む人々、ピンの間で起こるシーンを一つの世界として管理します。ページを公開したり、フォークしたり、同じ地図に場所を追加し続けたりできます。
- 画像に追従するピン — ホットスポットは画像の比率で保存されるため、デスクの900pxでもスマホの390pxでも、地図の配置が崩れません。
- 座標ではなく、わかりやすい凡例 — 番号ごとに名前と一言メモを添えるだけ。座標を測ったり、HTMLのareaタグを手打ちしたりする必要はありません。
- すぐ共有できる1ページ — 地図は1つのページとして公開されます。誰かに送ったり、埋め込んだり、同じ世界の中で作り続けたりできます。
イメージマップのよくある質問
イメージマップとは何ですか？
画像の一部をクリックできるようにしたものです。HTMLでは画像とエリア形状の地図を組み合わせますが、ここでは画像とホットスポットレイヤーを同時に作成します。そのため、座標ではなく、ピンから名前や説明が表示されます。
座標を自分で指定する必要はありますか？
いいえ。場所の名前を指定すれば、画像内の比率に基づいた位置にピンが配置されます。もし場所がずれていたら、ピンと正しい場所を伝えるだけで修正できます。
自分の画像を使えますか？
はい。写真、フロアプラン、スクリーンショット、ポスターなどをアップロードして、場所に名前を付けるだけです。生成AI画像は、白紙から地図を作る人のためのデフォルト機能です。
HTMLコードも出力されますか？
画像に合わせて伸縮する、リアルなホットスポットレイヤー（番号、ラベル、リンク）を備えたページを公開します。ご自身のサイトに組み込みたい場合は、ページと合わせてホットスポットJSONとエリアマークアップを出力します。
ピンからリンクを飛ばせますか？
はい。ピンをクリックしてパネルを開いたり、同じ地図内の別の場所に飛んだり、指定したURLに移動させたりできます。
スマホでも使えますか？
はい。座標は比率で管理されているため、地図が縮小してもピンは建物の上に留まります。スマホではパネルがサイドバーではなく、ピンの近くにカードとして表示されます。
何にピンを立てられますか？
世界地図、ゲームのレベルマップ、キャンパスやフロアマップ、座席表、製品図、街の写真など。場所に意味がある画像なら、何でもピンを立てられます。
ピンはいくつまで置けますか？
5〜8個が最適です。使いやすく、かつ画像の視認性も損なわれません。賑やかな街の地図であれば、エリアごとにグループ化することで12個程度まで増やせます。
次の地図には、クリックできるレイヤーを加えよう。
場所の名前を一度決めるだけ。写真、ピン、凡例、ページがすべて揃ってできあがります。