Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Создание интерактивных карт с Google Fusion Tables и BatchGeo

2,491 views

Published on

С помощью картографических сервисов Google Fusion Tables и BatchGeo можно визуализировать большой массив данных

Published in: Education
  • Be the first to comment

Создание интерактивных карт с Google Fusion Tables и BatchGeo

  1. 1. © О.С.Хоменок Журналистика данных: Нанесение на карты массивов данных при помощи Google Fusion Tables и BatchGeo Вебинар 30 апреля 2015 года
  2. 2. © О.С.Хоменок О чем будем говорить? • Какую информацию мы можем визуализировать с помощью карт? • В каком формате нам нужны данные для нанесения на карту? • Интеграция данных в таблицы Fusion Tables или BatchGeo. • Отображение данных на картах и размещение их на собственных сайтах.
  3. 3. © О.С.Хоменок Что мы можем визуализировать? • Базу данных в виде картотеки изображений, линков, текстовой информации, видео, с адресами или географическими координатами.
  4. 4. © О.С.Хоменок Что мы можем визуализировать?
  5. 5. © О.С.Хоменок Что мы можем визуализировать? http://911sevastopol.org/articles/Zhizn_prervannaja_na_doroge_Chast_I_Neutesh itelnaja_bezopasnost/
  6. 6. © О.С.Хоменок Данные в таблице Excel • Необходимые для геолокации колонки в таблице: – Страна – Город – Адрес • ИЛИ – Географические координаты объекта, наносимого на карту
  7. 7. © О.С.Хоменок Информация об объекте • Текст, например: • Название, • Телефон, • E-mail • Адрес сайта в виде гиперлинка • Фотография или рисунок (линк на изображение размещенное в сети) • Видео (линк на Youtube)
  8. 8. © О.С.Хоменок Сбор и обработка информации • Копируем информацию с сайта • Преобразуем ее в формат электронной таблицы
  9. 9. © О.С.Хоменок Шаг 1: Загрузка в BatchGeo
  10. 10. © О.С.Хоменок Шаг 2: Назначение колонок
  11. 11. © О.С.Хоменок Шаг 3: Геокодирование
  12. 12. © О.С.Хоменок Шаг 4: Сохранение карты
  13. 13. © О.С.Хоменок Размещение на сайте • Код для вставки приходит на почту
  14. 14. © О.С.Хоменок Второй путь… Используем Google Fusion Tables
  15. 15. © О.С.Хоменок Сбор и обработка информации • Собираем информацию в таблице: – Объект (заглавие для метки) – Адрес или географические координаты – Линк на фото – Текст – Гиперссылку на публикацию – Встраиваемый код для видео из Youtube или Vimeo – Код сортировки (иконки) Объект Место расположения Фото Текст Статья Видео Сортировка
  16. 16. © О.С.Хоменок Добавляем иконки https://www.google.com/fusiontables/DataSource? docid=1BDnT5U1Spyaes0Nj3DXciJKa_tuu7CzNRXWdVA#
  17. 17. © О.С.Хоменок Чтобы присвоить определённому адресу нужную иконку, нужно проделать несколько шагов. Шаг первый: кликаем на саму иконку. Во всплывающем окне видно её имя (Icon Name):
  18. 18. © О.С.Хоменок Импорт в Google Fusion Tables
  19. 19. © О.С.Хоменок Редактирование колонкок
  20. 20. © О.С.Хоменок Визуализация
  21. 21. © О.С.Хоменок Изменяем внешний вид маркеров
  22. 22. © О.С.Хоменок Убираем лишнее
  23. 23. © О.С.Хоменок Размещение на сайте • Достигается с помощью html- кода, который нужно встроить в админ-панель своего сайта (блога, etc.) • Чтобы получить этот код, сначала нужно сделать карту общедоступной
  24. 24. © О.С.Хоменок В правом верхнем углу есть голубая кнопка «Share» - нажимаем на неё и делаем карту общедоступной в интернете. Затем нажимаем «Сохранить» и «Готово». После этого отправляемся во вкладку «Tools» и открываем подвкладку «Publish». Появятся две ссылки: первая из них является адресом карты в Сети, вторая представляет собой html-код для вмонтирования на наш сайт или блог. Можно изменить размеры карты в соответствующих окнах в том же разделе (изменив число пикселей, мы сделаем её больше или меньше)
  25. 25. © О.С.Хоменок Размещение на сайте • Появятся две ссылки: первая из них является адресом карты в Сети, вторая – html-код для встраивания на сайт или блог. • Можно изменить размеры карты на сайте в том же разделе (изменив число пикселей, мы сделаем её больше или меньше)
  26. 26. © О.С.Хоменок Домашнее чтение • Примеры визуализации https://sites.google.com/site/fusiontablesta lks/stories • Карты с картинками внутри • http://earth.google.com/outreach/tutorial_f usion_sample.html • Карты с встроенными таймлайнами • https://sites.google.com/site/instituteworks hopft2012/
  27. 27. © О.С.Хоменок Спасибо за внимание! Олег Хоменок, oleg.khomenok@gmail.com https://www.facebook.com/oleg.khomenok

×