Каллиников П.Ю.
Тема 5. Использование сервиса Carto для создания
визуализаций с географической привязкой
ВЕБИНАР 06.06.2017 15.00 MSK
Профессиональная разработка
электронного учебного контента II ― 2017
Мы общаемся здесь:
https://www.facebook.com/groups/1786212415024629/
Материалы курса располагаются здесь:
http://contentium.tilda.ws/page175655.html
Наш курс
ВЕБИНАРЫ
• 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
Геоинформационные сервисы
1. Карта – основной информационный слой
2. Объекты на карте интерактивные
3. Визуальные свойства объектов зависят от их свойств
Готовим данные для карты
Geocode by Awesome Table
https://chrome.google.com/webstore/detail/geocode-by-awesome-
table/cnhboknahecjdnlkjnlodacdjelippfg?utm_source=permalink
Geocode: запускаем дополнение
Geocode: запускаем дополнение
Geocode: загрузка шаблона данных
Geocode: определение
географических координат
Geocode: определение
географических координат
Geocode: построение карты
Geocode: добавление строки
фильтров
Geocode: добавление строки
фильтров
Обозначение фильтров данных в строке 2 таблицы
данных:
• StringFilter — фильтр строк. На карте обозначается
окошком ввода
• MapsTooltip - Hidden — подсказка, появляющаяся над
маркером при нажатии мышкой
• MapsLat - Hidden - NoFilter и MapsLong - Hidden -
NoFilter — столбцы используемые для получения
информации о широте и долготе маркеров на карте
• Отсутствие кода — при обозначении столбца с
числами ведёт к появлению фильтра в виде двух
движков
Geocode: открытие окна карты
Geocode: карта
Geocode: карта
Geocode: карта – настройки и код
Geocode: карта – настройки и код
Geocode: карта – ссылка на карту
Geocode: карта – код вставки
Geocode: карта – настройки
Geocode: карта – настройки источника
Geocode: карта – настройки
отображения
Geocode: карта – другие настройки
Geocode: дополним таблицу
Geocode: карта
Geocode: карта, новый объект
Практикум 4
Создать собственную карту с 5−10 точками привязки
в сервисе Geocode by Awesome Table.
или
Создать собственную карту с 5−10 точками привязки при
помощи сервиса Carto. В этом случае балл за задание
удваивается.
Вернёмся к таблице и скопируем
её под другим именем
Удаляем вторую строку
Сохранение таблицы как csv-файл
Сохранение таблицы как csv-файл
Сервис CARTO
https://carto.com/
Carto: вход через аккаунт Google
Carto: Данные и Карты
Carto: раздел Данные,
загрузка нового набора данных
Carto: загрузка нового
набора данных
Carto: загрузка нового
набора данных
Carto: загрузка нового
набора данных
Carto: новые данные загружены
Carto: проверяем типы данных
Carto: изменяем тип данных на
числовые там где требуется
Carto: изменяем тип данных на
числовые там где требуется
Carto: тип данных изменился
Carto: строим карту
Carto: строим карту
Carto: настраиваем карту
Carto: настраиваем карту
Carto: именуем карту
Carto: вид карты
Carto: вид карты
Можно выбрать любой вид, например такой…
Но мы оставим тот, что по умолчанию
Carto: настройка слоя с нашими
данными
Carto: стиль маркеров на карте
Carto: размер или цвет маркеров
зависит от значения height (высота
небоскрёба)
Carto: настраиваем зависимость
размера маркеров от высоты
Carto: настраиваем зависимость
цвета маркеров от геогр. широты
Carto: настраиваем зависимость
цвета маркеров от геогр. широты
Carto: добавление виджетов
Carto: добавление виджетов
Carto: настраиваем всплывающие
окошки (при наведении и щелчке)
Carto: настраиваем всплывающие
окошки (при наведении)
Carto: настраиваем всплывающие
окошки (при щелчке)
Carto: настраиваем легенду
Carto: настраиваем легенду
Carto: публикуем карту
Carto: публикуем карту
Carto: публикуем карту
Carto: результат
https://komail.carto.com/builder/e29fd9b0-7719-4dde-a0a7-ce44dc2fe060/embed
Практикум 4
Создать собственную карту с 5−10 точками привязки
в сервисе Geocode by Awesome Table.
или
Создать собственную карту с 5−10 точками привязки при
помощи сервиса Carto. В этом случае балл за задание
удваивается.
© 2017, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
 komail@gmail.com
https://www.facebook.com/kallinikov
Вопросы?

2017-06-06 (вебинар-5)