Как вставить крутую карту в свой пост на Mapala?

Проект Mapala стремительно набирает обороты, и мы видим все больше хороших постов по этому тегу. Сейчас на Mapala вы можете под своим постом указать только одну координату и при том только координату.

Но если ваше путешествие включает в себя не один город, а несколько? Как в посте у @nikitinskii - https://golos.io/mapala/@nikitinskii/moskva-kaliningrad-v-obe-storony-za-5-tysyach. На карте Mapala у него выбрана только Москва, а как же Калининград? Чем он хуже?: )

А благодаря этому маленькому гайду вы сможете размещать в своем посте полноценную интерактивную карту со всеми местами и фотографиями, которые вам нужны!

Зачем это нужно?

1. Интерактивная карта - это красиво;
2. Это полезно для тех, кто захочет проехать по вашему маршруту;
3. Это позволяет не только описать ваше путешествие, но и показать, где именно вы были.

Я сделаю небольшую инструкцию на примере своего поста про поездку на Алтай - https://golos.io/mapala/@veritas/puteshestvie-na-altai-i-poker-chto-mozhet-byt-luchshe .

После продолжительного общения в онлайн-чате поддержки на Mapala с @asia (за что ей очень большое СПАСИБО) я решил проверить, как будет отображаться на двух сайтах такой пост.

Результаты были не самыми радостными:

На Mapala все хорошо http://mapala.net/veritas/test---ne-golosuijte

А вот на Голосе не столь радостно https://golos.io/mapala/@veritas/test---ne-golosuijte , и вместо клевой карты появилась надпись: (Unsupported https://www.google.com/maps/d/u/0/embed?mid=180UB8-qZo_duMnmJtSkQEilZuFY) . Правда если перейти по ссылке, то откроется та же классная карта, но вот превью на сайте нету: (

Я решил не отступать от поставленной цели и обратился обратно к саппорту Mapala, там ответили:

«Надо попросить serejandmyself , что бы он сделал парсер такой же как на мапала
Т.е. это нужно просить тех, кто имеет доступ к правке клиента голоса сделать поддержку embed для google maps»

Я же не готов свернуть с пути к поставленной цели и сразу же написал тому, кому сказали, т.е. @serejandmyself . Он ответил:

«Да, можно. парсер в процессе. Точнее он уже работает на Голосе, вот только гугл мапс мы еще не добавили (там пока фб, вк, инстарграм и тд)».

Итого, что мы имеем: мы можем уже сейчас делать посты с такими картами на Mapala, но на Голосе вместо вашей карты будет сообщение (Unsupported https://www.google.com …). Грустно? Есть такое, но можно скопировать ссылку из этого сообщения (ту, что после Unsupported) и вставить в адресную строку в браузере, и вам выдаст ту же самую карту.

Инструкция написана для людей, которые никогда раньше не работали с google.maps.

Поэтапное добавление интерактивной карты в свой пост:

1. Если ранее не были зарегистрированы, то регистрируемся в Google (https://accounts.google.com/SignUp). Это нужно сделать один раз, а если у вас уже есть аккаункт на google, то переходим смело ко второму пункту.
2. Переходим по ссылке - https://www.google.com/maps/d/
3. Жмем большую красную кнопку «+ СОЗДАТЬ НОВУЮ КАРТУ»
4. Нас перекидывает на редактор карт google
5. Нажимаем на «Карта без названия» и переименовываем как нам нужно, заполнив поле «Название карты». Также можем заполнить поле «Описание», но это не обязательно.
6. Жмем на метку и ставим ее туда, куда необходимо. Пишем название метки и описание. Также можно добавить фотографии к каждой метке. Затем жмем сохранить.
7. Когда вы выставили все необходимые метки, выравниваем карту так, как хотим, чтобы ее видели остальные. И затем жмем на три точки сверху. В выпавшем меню выбираем «Задать область просмотра по умолчанию».
8. Затем жмем «Поделиться».
9. В открывшемся окне нажимаем «изменить», затем выбираем верхний пункт «ВКЛ (для всех в Интернете)». Жмем «сохранить». Затем жмем «Готово».
10. Опять жмем на три точки сверху, и выбираем пункт меню «Добавить на сайт».
11. Копируем код, который нам выдает google и просто вставляем в ваш пост о путешествии.

На примере моего поста https://golos.io/mapala/@veritas/puteshestvie-na-altai-i-poker-chto-mozhet-byt-luchshe

Получается такая карта:

Если вы читаете этот пост на Mapala, то видите карту, а если на Голосе, то перейдите по ссылке:

https://www.google.com/maps/d/embed?mid=1seu2fBLXbALkLmOFecp_8QInth4 и увидите полноразмерную карту.

Хочу выразить огромную благодарность @asia за то, что она потратила много своего времени, общаясь со мной в чате поддержки Mapala. Так же большое спасибо @serejandmyself и @vik за то, что очень быстро откликнулись и помогли! И еще спасибо безымянному программисту Голоса, который делает этот парсер: ) Очень сильно надеюсь, что в ближайшее время мы сможем увидеть такие карты не только на Mapala, но и на Голосе, и тогда моя маленькая инструкция пригодится может быть еще кому-то и не только на Mapala, но и на Голосе!

С уважением, @veritas !

Теги для Голоса: #голос , #образование , #путешествия