Как сделать и вставить Google Карту в пост на Mapala


Сегодня в комментариях к моему рассказу о рафтинге в Адыгее встал вопрос о размещении интерактивной гугло-карты в теле поста. Нужно сказать, что о важности таких самостоятельно сделанных карт в публикациях о туристических маршрутах спорить просто нет надобности. Они действительно необходимы!

Фотки фотками, но геолокацию, привязку к местности никто не отменял.

Итак, сначала расскажу о том как сделать свою гугло-карту. Уверен, что многие здесь умеют это делать, но все же начнем с создания:

1. В сервисах Гугла находим Google Карты

2. Здесь в меню видим метку "Мои места"

3. Выбираем вкладку "Карты"


Здесь видим список уже имеющихся карт. А также в самом низу кнопку "Создать карту". Нажимаем ее. Даем название и пишем краткое описание карты.


4. Собственно делаем саму карту. Для этого нажимаем на кнопку "Открыть в Моих картах". Попадаем в редактирование. Здесь с помощью меток и линий отмечаем нужные точки и выделяем нужные области. Раскрашиваем в разные цвета. К каждой точке или области можно добавить название, описание и изображения.

Теперь, как вставить?

1. Ищем в белом поле слева сверху кнопку "Поделиться"

2. Настраиваем уровень доступа на "Всем пользователям Интернета", жмем Готово.

3. Затем вызываем контекстное меню, где находим кнопку "Добавить на сайт"

4. В открывшемся окошке видим код для вставки на внешний ресурс:

5. Теперь копируем его и вставляем в нужное вам место вашего поста. Вот и все!


Кстати сказать, был удивлен, что код для вставки с тегом < iframe корректно отображается и на Голосе. Видимо, как и Vimeo, Google Карты внесены в список разрешенных ресурсов для размещения кода. Что же, спасибо разработчикам! Интерактивность в наше время совсем не помешает!

Всем хороших, полезных карт и интересных маршрутов!

Присоединяйтесь, подписывайтесь на мой блог @zaxar


Comments 6


Отлично! Сейчас же попробую вставить карты в свои прошлые посты!

12.06.2017 17:39
0

Удачи! Рад, что помог! ))

12.06.2017 17:41
0

Я просто оставлю это здесь...
/mapala/@veritas/kak-vstavitx-krutuyu-kartu-v-svoij-post-na-mapala-
Это самая справедливая выплата за пост, которую я видел.
@bender , @marina , @media , @misiano , @max-max , @dostoyevsky ...

13.06.2017 04:27
0

Чё ж флаг не поставили?

13.06.2017 18:44
0

Да как-то не привык раскидываться флагами...

14.06.2017 04:04
0

Инструкция конечно огонь...
А я дурак думал, что в json_metadata координаты вбиваться будут, а тут такой нежданчик.

13.06.2017 18:45
0