图像映射制作工具

图像映射制作器 —— 在任意图片上添加可点击的热点

上传一张图片,就能得到一个可点击的图像映射——带编号的热点准确落在对应建筑上,图例清晰地标注名称,还能生成一个你可以发布或嵌入的页面。

East Blue, pin open — 灯塔岩上的一个标记,点击即可显示名称和简介,无需离开地图页面。
East Blue, pin open
Campus, close — 教学楼、庭院和大门上的编号标记;图例重复显示每个编号。
Campus, close
Ribcage, close — 热点层直接浮在插图上,而不是放在旁边。
Ribcage, close
Inazuma, close — 每个岛屿都有自己的标记,且图层会随图片缩放。
Inazuma, close
✦图像映射
制作一个图像映射,内容是黄昏时的港口小镇,以及五个公会的所在地
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世界构建工具——同一个世界不仅包含地图,还记录着居住在上面的人和标记之间发生的故事。你可以发布页面、复刻它,或者持续向地图中添加地点。

  • 热点精准固定在图片上 — 热点以图片百分比存储,因此无论是在900px的电脑桌面上,还是390px的手机屏幕上,地图上的对齐位置都不会乱。
  • 使用图例,而非坐标表 — 每个编号都有名称和一行说明。无需手动测量,也无需手动输入任何区域代码。
  • 一页即可发布,随时分享 — 地图以页面形式发布,你可以随时发送、嵌入或在同一个世界里继续完善。

制作前的小问题

什么是图像映射?

一张区域可点击的图片。在HTML中,它是一张图片加上一组区域形状的映射;在这里,图片和热点层是同时构建的,因此点击标记会显示名称和说明,而不是一堆坐标。

需要我自己绘制坐标吗?

不需要。只需命名地点,标记就会自动放置,并以图片百分比存储。如果位置偏了,告诉系统属于哪个标记,它就会自动调整。

可以使用我自己的图片吗?

可以。上传照片、平面图、截图或海报,然后命名上面的地点即可。生成式艺术只是默认选项,因为大多数地图都是从白纸开始设计的。

它会编写HTML映射代码吗?

它会发布一个包含真实热点层的页面——包括编号、标签、链接——并随图片缩放。如果你需要将其放入自己的网站,可以索要热点JSON和对应的区域代码。

热点可以跳转链接吗?

可以。一个标记可以打开一个面板、跳转到同一张地图上的另一个地点,或者指向你指定的URL。

它能在手机上使用吗?

可以。坐标采用百分比计算,因此当地图缩小时,标记依然会固定在建筑上;面板会作为标记附近的卡片显示,而不是侧边栏。

我可以映射什么?

世界地图、游戏关卡、校园和平面图、场馆座位、产品图示、街道照片。只要是一张带有地点的图片,就能添加标记。

一张地图应该有多少个热点?

五到八个是最佳选择——既实用,又不会让图片显得杂乱。如果按区域分组,繁忙的城市地图也可以容纳十二个。

为下一张地图添加一个可交互的图层。

只需命名一次地点,图片、标记、图例和页面就会自动整合在一起。

×