影像地圖製作工具

影像地圖製作工具 — 在任何圖片上建立可點擊的熱點

上傳一張圖片,就能得到一個影像地圖——將編號熱點放在正確的建築物上、加上說明名稱的圖例,還能直接發布或嵌入網頁。

East Blue,圖釘開啟 — 燈塔岩上的圖釘,無需離開地圖即可查看名稱與介紹。
East Blue,圖釘開啟
校園,關閉 — 大廳、庭院與大門上的編號圖釘;圖例會重複顯示每個編號。
校園,關閉
Ribcage,關閉 — 熱點圖層直接覆蓋在插圖上,而不是放在旁邊。
Ribcage,關閉
Inazuma,關閉 — 每個島嶼都有自己的圖釘,圖層會隨圖片縮放。
Inazuma,關閉
✦影像地圖
製作一張影像地圖,內容是黃昏時的港口小鎮,以及五個公會的所在地
One Piece · East Blue — 六座島嶼與一片風暴帶;每個圖釘都是故事的起點。
One Piece · East Blue — 六座島嶼與一片風暴帶;每個圖釘都是故事的起點。
One Piece · Water 7 — 一個運河環,六個停靠站:噴泉、鐘樓、碼頭、海上列車、市集與大門。
One Piece · Water 7 — 一個運河環,六個停靠站:噴泉、鐘樓、碼頭、海上列車、市集與大門。
One Piece · Wano — 同一座圍牆島嶼上的五個省份,都城位於正中央。
One Piece · Wano — 同一座圍牆島嶼上的五個省份,都城位於正中央。
Genshin Impact · Liyue — 同一段海岸線上的港口、露台、客棧、田野、石林與大門。
Genshin Impact · Liyue — 同一段海岸線上的港口、露台、客棧、田野、石林與大門。
Genshin Impact · Inazuma — 風暴環後的六座島嶼,每一座都有各自的任務。
Genshin Impact · Inazuma — 風暴環後的六座島嶼,每一座都有各自的任務。
Jujutsu Kaisen · Tokyo Jujutsu High — 七個標記的校園平面圖:大廳、宿舍、庭院、大門、神社、倉庫與道路。
Jujutsu Kaisen · Tokyo Jujutsu High — 七個標記的校園平面圖:大廳、宿舍、庭院、大門、神社、倉庫與道路。
Jujutsu Kaisen · Shibuya — 車站、十字路口、塔、橋樑與小巷——以及邊緣的「帳」。
Jujutsu Kaisen · Shibuya — 車站、十字路口、塔、橋樑與小巷——以及邊緣的「帳」。
Ribcage · the districts — 肋骨中的城市,圖釘標示著它所在的器官位置。
Ribcage · the districts — 肋骨中的城市,圖釘標示著它所在的器官位置。
Ash Harbor · the fog line — 蜿蜒海岸上的七個圖釘,從潮汐路一路延伸到燈塔。
Ash Harbor · the fog line — 蜿蜒海岸上的七個圖釘,從潮汐路一路延伸到燈塔。

一張圖片就是一個開始。其背後的地點,即是整個世界。

Neta Studio 是一個 AI 世界建構工具 —— 同一個世界保存著地圖、居住在其中的人們,以及發生在圖釘之間的場景。您可以發布頁面、進行分叉(Fork),或是持續在同一張地圖上新增地點。

  • 牢牢固定在圖片上的圖釘 — 熱點以圖片百分比儲存,因此無論在桌機的 900px 或手機的 390px 上,地圖的對齊位置始終精準。
  • 圖例,而非座標表 — 每個編號都有名稱與單行文字說明。無需測量,也不必手動輸入 area tag 座標。
  • 單一頁面,隨時可分享 — 地圖會發布為一個頁面,您可以直接傳送、嵌入,或在同一個世界中持續擴充。

製作前的常見問題

什麼是影像地圖?

這是一種可點擊區域的圖片。在 HTML 中,它由圖片加上定義區域形狀的地圖組成;在這裡,圖片與熱點圖層是結合在一起的,因此點擊圖釘會顯示名稱與文字說明,而不是顯示一堆座標。

我需要自己標註座標嗎?

不用。只要命名地點,圖釘就會自動放置,並以圖片的百分比位置儲存。如果位置偏離了幾條街,告訴系統是哪個圖釘以及正確位置,它就會自動調整。

我可以使用自己的圖片嗎?

可以。上傳照片、平面圖、螢幕截圖或海報,然後為上面的地點命名即可。AI 生成圖只是預設選項,因為大多數地圖都是從空白頁開始的。

它會編寫 HTML 地圖代碼嗎?

它會發布一個包含實際熱點圖層(包含編號、標籤、連結)的頁面,並會隨圖片縮放。如果您需要將其放入自己的網站,只需索取熱點 JSON 與對應的 area 標記即可。

圖釘可以連結到其他地方嗎?

可以。圖釘可以打開面板、跳轉至同一張地圖上的另一個地點,或是導向您指定的 URL。

手機可以用嗎?

可以。因為座標是以百分比計算,當地圖縮小時,圖釘仍會保持在建築物上;面板會以卡片形式在圖釘附近開啟,而不是在側邊欄。

我可以製作什麼地圖?

世界地圖、遊戲關卡、校園與室內平面圖、場地座位表、產品圖解,或是街道照片。只要是有地點的圖片,都可以加上圖釘。

一張地圖應該放多少個熱點?

五到八個是最佳範圍——既實用,又不會讓圖片顯得雜亂。如果是繁忙的城市地圖,只要將圖釘依區域分組,放十二個也沒問題。

為下一張地圖加上可點擊的圖層。

只要命名一次地點。圖片、圖釘、圖例與頁面就會自動整合在一起。

×