July 4, 2017

Как сделать карту с флажками "Я там был!"

Если вы еще не знали - Гугл умеет и это.
Раньше в настенную карту булавочки втыкали, теперь такое легко сваять в виртуале :)

Среди развесистого набора гугло-сервисов есть инструментарий для редактирования карт:

Заходим - хоть прямо из почты:

И попадаем в самые обычные, всем известные гугло-краты

Меню слева. Вот там-то и притаилась нужная опция:

Приступаем:

Нажмем на "капельку" и натыкаем меток где хотим -

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

Метки можно редактировать - двойной щелчок и открывается панель стилей:
выбор цвета, редатирование заголовка (по умолчанию "точка" с номером) и - по желанию - добавить фото.

Кроме цвета предлагается огромный выбор значков:

Зеленым у меня отмечены эсперантские направления,а красным - давние, с детства начиная, гостевание и на юга (благо все моря рядом, от Ростова ночь в поезде).Жидковато, конечно ) У травел-профи живого места на карте не останется )

Если нескольких десятков предустановленных реперов не достаточно - то пожалуйте загрузить свою картинку:

Осталось получить результат:

Идем в предпросмотр  ->  меню  ->  получить код

Вод такого вида код выдадут:

iframe src="https://www.google.com/maps/d/embed?mid=1wdRaiiaoXSdyiAdHYlEMzbxdUJs&hl=ru" width="640" height="480">
Нужно взять из него адрес карты (то, что в кавычках) и вставить в ЖЖ-запись (значок "Добавить карту", возле глаза-спойлера)

Важное уточнение:

хотя параметр "Сделать областью просмотра по умолчанию" кажется не столь существенным,
на первых пробах можно на него не обращать внимания,
но перед окончательным расшарингом лучше выставить:
та область, которая на данный момент в центре окна и будет отображаться в превью.
Но это бы ладно. Есть другой существенный момент. Можно считать его недостатком гугловского редактора -
флажки попадают точно на нужные объекты, если просматривать карту в том разрешении, в котором ее создавали.
В мелком масштабе сливаются, а в более крупном - смещаются относительно заданных пунктов.
Редактируя карту, тоже предпочтительно не менять масштаб.
Настройка, о которой мы говорим, задает и исходный масштаб для просматривающих.
Может оказаться важным, если договариваться о маршруте.

Строчкой ниже в меню есть пункт "разместить на сайте", который выдает ссылку:

(если нужна сразу, без захода в "Предпросмотр")

А функция "поделиться" скрывает приглашение соредакторов и управление их ролями.

Как и в остальных гугло-документах "поделиться" предусматривает варианты "со всеми" или "по выбору".

В меню слоя открывается опция Таблица, в которой удобно править названия и описания точек.

Как "Проложить маршрут" - тоже не сложно разобраться - щелкнуть по одному объекту, щелкнуть по другому -
и в боковой панели выбрать вид транспорта (гугл предлагает авто, вело и общественный). Маршрут будет
просчитан автоматически. Для свободной траектории есть другой инструмент - "начертить линию".

Если все вышеупомянутое рисовать на разных слоях (задаются в один клик) - то сделанное легко править:
где-то ошиблись - откатили назад, другие слои при этом не затрагиваются.

Вносить изменения можно и после того, как карту выложили в сеть -
при этом на сайтах ничего исправлять не нужно - все обновления происходят автоматически.
(Отсюда следствие - хотите дальше поэкспериментировать с расшаренной картой, так чтобы правки не были видны -
скопируйте ее и вставьте в новый проект)

Вернемся к меню гугло-карт: ниже ранее выбранной, есть опция "Мои впечатления",
где приглашают записаться в эксперты по оснастке меток изобразительным рядом. Еще и бонусы обещают.
Дальше не ходила, не сключено, что и там можно намудрить что-то типа своеобразного травел-бложика,
ввиду надвигающихся жуже-перспектив может оказаться актуальным )

И как вариант совместного развлечения с внуком на географическую тему пригодится )

Посмотреть карту в полном размере

Игрой_в_города навеяно )