Захотел интерактивную карту путешествий на свой сайт. Чтобы открываешь — и все поездки видны. Чтобы добавить город — просто дописал строчку, и карта обновилась. Без фрилансеров, без ТЗ, без админок.
Я фотограф, не кодер. Нанимать программиста на неделю не хотел. Решил попробовать сделать карту путешествия через AI-агента. Утром сказал: «Хочу карту. У меня есть таблица в Obsidian. Сделай.» К вечеру карта работала.
Рассказываю, как создал карту путешествия за один день. Без единой строки кода руками — всё за меня делал AI-агент.
Исходные данные: простая таблица в Obsidian
Все поездки лежат в одной Markdown-таблице в Obsidian. Город, страна, год, транспорт, комментарий. Каждая точка на карте путешествия — это одна строка таблицы.
Сначала AI-агент предложил хранить всё в YAML. Я отказался: карта для отметок путешествий должна редактироваться за секунду. Таблицу любой поймёт. YAML с одним лишним пробелом ломается — сиди ищи ошибку.
Как работает схема
Дальше — классическая связка Obsidian → GitHub → сайт:
- Пишу строку в Obsidian — плагин сам отправляет изменения в GitHub
- Агент читает таблицу, проверяет названия городов, подтягивает координаты и собирает JSON
- Страница на сайте подхватывает JSON — и карта путешествий онлайн перерисовывается
Так за пару часов я получил работающее приложение карта путешествий прямо на своём домене. Без сторонних сервисов, без ежемесячной подписки, без ограничений.
Итерации: как дорабатывал по ходу
Первая версия была просто карта с точками. Попросил фильтр по годам — агент сделал за 10 минут. Попросил иконки транспорта — добавил за час. Потом появились маркеры разного размера и цвета.
Однократные визиты — маленькие синие кружки. От двух до трёх — жёлтые. От четырёх — большие красные с цифрой. Так визуально видно, какие города объездил вдоль и поперёк.
Типичный баг — и как AI-агент его нашёл за минуту
Добавил данные про поезда — фильтр перестал их находить. Вроде всё правильно, а 🚆 не отображается. Оказалось, в одном месте ключ назывался «общественный транспорт», а в другом — просто «общественный». Компьютер считает это разными словами.
Агент сам нашёл корень за пару минут и починил в двух местах сразу. Если бы я искал такой баг руками — убил бы час.
Карта для путешествий по России — с русскими названиями
Обычные OpenStreetMap-карты показывают Moscow, Minsk, Paris. Я хотел карту для путешествий по России с нормальными русскими названиями. Взял тайлы 2GIS — все города, улицы и регионы сразу по-русски.
И дополнительно сделал карту приглушённо-серой, чтобы точки на ней были яркими и сразу бросались в глаза.
Что получилось в итоге
Сейчас на карте 55 городов, 5 стран, 76 поездок за 17 лет. Страница грузится меньше секунды. Чтобы добавить новую поездку — открываю Obsidian, пишу строку, карта обновляется автоматически.
Дополнительно карта подтягивает посты из блога, если я что-то публиковал из этого города, и комментарии к поездке. Получается не просто карта, а полноценный дневник путешествий на сайте.
Что нужно, чтобы составить карту путешествия самому
- Любые исходные данные. Таблица в Notion, Google Sheets, Obsidian — неважно. Лишь бы была структура: город, страна, дата.
- AI-агент. Не замена программисту, а турбо-режим. Вопрос «почему не работает?» решается за минуты, а не дни.
- Подход «сделай сначала, улучши потом». Первая версия без фильтров и иконок — это нормально. Каждое улучшение по запросу занимало минуты.
- Нормализация данных на входе. Назови одно поле двумя разными словами — и баг готов. Унифицируй сразу, чтобы потом не искать.
