Page 1
Каллиников П.Ю.
Тема 5. Использование сервиса Carto для создания визуализаций с географической привязкой
ВЕБИНАР 06.06.2017 15.00 MSK
Профессиональная разработка электронного учебного контента II ― 2017
Мы общаемся здесь: https://www.facebook.com/groups/1786212415024629/
Материалы курса располагаются здесь:http://contentium.tilda.ws/page175655.html
Page 2
Наш курс
ВЕБИНАРЫ
• 23 мая в 15.00 MSK• 25 мая в 15.00 MSK• 30 мая в 15.00 MSK• 1 июня в 15.00 MSK• 6 июня в 15.00 MSK• 8 июня в 15.00 MSK• 13 июня в 15.00 MSK• 15 июня в 15.00 MSK• 20 июня в 15.00 MSK• 22 июня в 15.00 MSK
Page 3
Геоинформационные сервисы
1. Карта – основной информационный слой
2. Объекты на карте интерактивные
3. Визуальные свойства объектов зависят от их свойств
Page 4
Готовим данные для карты
Page 5
Geocode by Awesome Table
https://chrome.google.com/webstore/detail/geocode-by-awesome-
table/cnhboknahecjdnlkjnlodacdjelippfg?utm_source=permalink
Page 6
Geocode: запускаем дополнение
Page 7
Geocode: запускаем дополнение
Page 8
Geocode: загрузка шаблона данных
Page 9
Geocode: определение географических координат
Page 10
Geocode: определение географических координат
Page 11
Geocode: построение карты
Page 12
Geocode: добавление строки фильтров
Page 13
Geocode: добавление строки фильтров
Обозначение фильтров данных в строке 2 таблицы
данных:
• StringFilter — фильтр строк. На карте обозначается
окошком ввода
• MapsTooltip - Hidden — подсказка, появляющаяся над
маркером при нажатии мышкой
• MapsLat - Hidden - NoFilter и MapsLong - Hidden -
NoFilter — столбцы используемые для получения
информации о широте и долготе маркеров на карте
• Отсутствие кода — при обозначении столбца с
числами ведёт к появлению фильтра в виде двух
движков
Page 14
Geocode: открытие окна карты
Page 17
Geocode: карта – настройки и код
Page 18
Geocode: карта – настройки и код
Page 19
Geocode: карта – ссылка на карту
Page 20
Geocode: карта – код вставки
Page 21
Geocode: карта – настройки
Page 22
Geocode: карта – настройки источника
Page 23
Geocode: карта – настройки отображения
Page 24
Geocode: карта – другие настройки
Page 25
Geocode: дополним таблицу
Page 27
Geocode: карта, новый объект
Page 28
Практикум 4
Создать собственную карту с 5−10 точками привязки в сервисе Geocode by Awesome Table.
или
Создать собственную карту с 5−10 точками привязки при помощи сервиса Carto. В этом случае балл за задание удваивается.
Page 29
Вернёмся к таблице и скопируем её под другим именем
Page 30
Удаляем вторую строку
Page 31
Сохранение таблицы как csv-файл
Page 32
Сохранение таблицы как csv-файл
Page 33
Сервис CARTO
https://carto.com/
Page 34
Carto: вход через аккаунт Google
Page 35
Carto: Данные и Карты
Page 36
Carto: раздел Данные, загрузка нового набора данных
Page 37
Carto: загрузка нового набора данных
Page 38
Carto: загрузка нового набора данных
Page 39
Carto: загрузка нового набора данных
Page 40
Carto: новые данные загружены
Page 41
Carto: проверяем типы данных
Page 42
Carto: изменяем тип данных на числовые там где требуется
Page 43
Carto: изменяем тип данных на числовые там где требуется
Page 44
Carto: тип данных изменился
Page 45
Carto: строим карту
Page 46
Carto: строим карту
Page 47
Carto: настраиваем карту
Page 48
Carto: настраиваем карту
Page 49
Carto: именуем карту
Page 51
Carto: вид карты
Можно выбрать любой вид, например такой…
Но мы оставим тот, что по умолчанию
Page 52
Carto: настройка слоя с нашими данными
Page 53
Carto: стиль маркеров на карте
Page 54
Carto: размер или цвет маркеров
зависит от значения height (высота небоскрёба)
Page 55
Carto: настраиваем зависимость размера маркеров от высоты
Page 56
Carto: настраиваем зависимость цвета маркеров от геогр. широты
Page 57
Carto: настраиваем зависимость цвета маркеров от геогр. широты
Page 58
Carto: добавление виджетов
Page 59
Carto: добавление виджетов
Page 60
Carto: настраиваем всплывающие окошки (при наведении и щелчке)
Page 61
Carto: настраиваем всплывающие окошки (при наведении)
Page 62
Carto: настраиваем всплывающие окошки (при щелчке)
Page 63
Carto: настраиваем легенду
Page 64
Carto: настраиваем легенду
Page 65
Carto: публикуем карту
Page 66
Carto: публикуем карту
Page 67
Carto: публикуем карту
Page 68
Carto: результат
https://komail.carto.com/builder/e29fd9b0-7719-4dde-a0a7-ce44dc2fe060/embed
Page 69
Практикум 4
Создать собственную карту с 5−10 точками привязки в сервисе Geocode by Awesome Table.
или
Создать собственную карту с 5−10 точками привязки при помощи сервиса Carto. В этом случае балл за задание удваивается.
Page 70
© 2017, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
[email protected]
https://www.facebook.com/kallinikov
Вопросы?