Создаем интерактивные карты для вашей компании
Хотелось ли вам создать интерактивную карту для своей компании? Такую чтобы с пометками, поиском да работающую на любых устройствах?
Мне хотелось, поэтому вот обещанный туториал по mashupforge.
Вообще сервис позволяет делать карты и без регистрации, но для последующего редактирования и удобного менеджмента уже созданных карт мы пойдем чуть более длинным путем:
- Итак, заходим на mashupforge.com/
- В правом верхнем углу нажимаем Sign In / Sign Up
- Выбираете своего провайдера OpenID (у меня это google), и щелкаете на его иконку
- Далее, в зависимости от провайдер вас попросят принять условия или ввести пароль, в общем соглашаемся и продолжаем
- В левом верхнем углу нажимаем Maps и попадаем в режим редактирования карты
- Далее заходим в меню Layers и нажимаем кнопку [Upload new image]
- Ждем пока изображение загрузится, и снова переходим в меню Maps
- Нажимаем кнопку [Create new map]
- В поле Map Name даем карте название
- Раскрываем элемент Base Layer и выбираем только что загруженное изображение
- Далее в других элементах можете настроить цвета, стили отображения и пр. но это все опционально
- Нажимаем кнопку [Save] и ваше изображение появляется вместо карты мира — можно наносить интерактивные пометки!
- В правом нижнем углу выбираем элемент, который хотим поставить на карту: Marker — точка, Line — линия, Area — замкнутая область
- Ставим элемент двойным щелчком на карте *
- Прописываем ему заголовок, описание, выбираем стиль отображения и нажимаем кнопку [Save]
- Повторяем до тех пор, пока не поставим все элементы
- Когда поставили все элементы, нажимаем кнопку [Link / Embed], копируете верхнюю ссылку и отдаете её своим игрокам. Пример: mashupforge.com/6769/G1bakj/
- Изменения сохраняются автоматически, и все созданные вами карты будут перечислены в меню Maps
- ???
- Profit!
При этом, если водите по нашему миру — пункты 6-7 можно проустить, и ставить маркеры на спутниковой или дорожной карте Земли.
* Для линейного и площадного элементов: начало рисования — двойной щелчок, добавить узел — один щелчок, завершение рисования — двойной щелчок.
** В меню Marker Types можно создавать «типы маркеров» — шаблоны информации маркера, который можно использовать для облегчения создания нескольких маркеров с аналогичными свойствами и сгруппировать их. Например создать типы маркеров: Деревни, Двигатели, Неразведанные места и пр.
*** Вы можете загрузить свое собственное изображение в качестве значка маркера!
16 комментариев
В свое время я занимался поиском подобного ресурса, и не слишком успешно. Теоретически можно использовать Google и Yandex карты. Но там много головняка, и я столкнулся с тем, что бесплатные утилиты не хотят работать с размером карты 25000 на 25000. Нашел в результате какую-то, то ли от микрософта, то ли просто написанную силверлайт. Не суть. Она тоже не поддерживала сильно большие карты, уменьшал кажется то ли до 15к, то ли до 10к. Зато там не надо было думать, посто аплоадить картинку и все. Ну и маркеров и меток там не было, а это уже совсем грустно…
P.S.: Иконки на сервисе можно брать с этого сайта. Полчища иконок, семь стилей на каждую плюс настройка нужных цветов (фона и самого изображения) по тому же RGB.
Для этого на шаге 17 копируете не верхнюю ссылку, а нижний код и вставляете его в html.
Туториал по ним тоже будет.
Но есть простое административное решение — если локальные карты нужны только на определенные места — города, базы, оазисы, (а обычно это так и есть):
1. Сделать глобальную карту, с метками в местах интереса
2. На все места интереса сделать отдельные карты
3. В метках на глобальной карте указать ссылки на карты мест интереса
Не логинится ни у меня, ни у наших иностранных коллег.
На фейсбуке автора есть запись от 11 мая, мол скоро поправим, но так ничего и не произошло.
Есть на примете аналогичный сайт?