Создатель карт изображений

Конструктор карт изображений — кликабельные точки

Загружаете картинку, получаете кликабельную карту изображения — с пронумерованными метками на нужных зданиях, легендой и готовой веб-страницей для публикации или встраивания.

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 это изображение плюс карта областей. Здесь мы объединяем картинку и слой с точками: метка открывает описание, а не набор координат.

Нужно ли расставлять координаты вручную?

Нет. Вы называете места, а точки расставляются сами (в процентах от размера). Если метка промахнулась, просто укажите, куда ее сдвинуть.

Можно использовать свою картинку?

Да. Загрузите фото, план этажа, скриншот или постер и подпишите места. Генерация — это лишь вариант по умолчанию, так как часто карты начинают с нуля.

Нужно ли писать код HTML-карты?

Сервис публикует страницу с готовым слоем меток (цифры, подписи, ссылки), который масштабируется. Если нужно вставить это на свой сайт, мы дадим JSON меток и разметку.

Можно ли добавить ссылку в точку?

Да. Метка может открывать панель, переносить в другое место на этой же карте или вести по указанному URL.

Будет ли работать на телефоне?

Да. Координаты в процентах, поэтому метки не сползают при изменении размера экрана, а панели открываются как карточки рядом с точкой.

Что можно превратить в карту?

Карты миров, уровни игр, планы помещений, рассадку, схемы товаров, фото улиц. Любая картинка с местами может стать интерактивной.

Сколько меток оптимально?

От пяти до восьми — золотая середина: полезно, но картинка не перегружена. На карте города можно разместить и двенадцать, если сгруппировать их по районам.

Сделайте свою следующую карту кликабельной.

Просто подпишите места. Картинка, метки, легенда и веб-страница соберутся сами.

Создать карту изображения