Создание веб-карты, обновляющейся в реальном времени

Первым шагом к созданию приложений в реальном времени является создание веб-карты с необходимыми данными, обновляющимися в реальном времени. Местные власти города Санди уже собирают данные в реальном времени со своего автопарка снегоуборочных машин, используя устройства автоматического позиционирования транспорта (AVL). Эти устройства находятся на каждой снегоуборочной машине и передают GPS координаты транспортного средства в городской офис. Вы добавите эти данные на карту, присвоив символы и надписав их так, чтобы они четко передавали пользователям важную информацию.

Добавление данных в реальном времени

Классы пространственных объектов властей Санди, поступающие в реальном времени, периодически обновляются в ArcGIS GeoEvent Server, который соединяет потоки данных в реальном времени (такие, как те, что поступают с AVL-устройств, расположенных в каждой снегоуборочной машине) для сервисов пространственных объектов, содержащихся на ArcGIS Online и ArcGIS Enterprise. Вы добавите каждый из трех сервисов пространственных объектов в реальном времени на новую веб-карту.

Примечание:

Этот урок не будет углубляться в подробности того, как создавать сервисы пространственных объектов в реальном времени, используя GeoEvent Server. Вы можете узнать больше в руководствах, предоставленных в Галерее ArcGIS GeoEvent Server.

  1. Войдите под учетной записью организации ArcGIS.
    Примечание:

    Если у вас нет учетной записи организации, можно подписаться на бесплатную пробную версию ArcGIS.

  2. В верхней части страницы организации щелкните Карта.

    Карта на ленте

    Откроется новая карта. Экстент новой карты будет установлен на экстент вашей организации по умолчанию. Далее вы найдете и добавите три городских слоя в реальном времени, включающие снегоуборочные машины и улицы.

    Примечание:

    Если вы начали новый сеанс в ArcGIS Online, щелчок по кнопке Карта откроет новую карту. В противном случае на этой странице будет отображаться последняя карта, с которой вы работали. Если вы уже открыли карту в браузере, щелкните Новая карта в правом верхнем углу страницы и воспользуйтесь командой Создать новую карту.

  3. На ленте щёлкните Добавить и выберите Поиск слоёв.

    Кнопка Добавить и опция Поиск слоёв

    Откроется панель Поиск слоев.

  4. На панели Поиск щёлкните стрелку вниз Мои ресурсы и выберите ArcGIS Online.
  5. В диалоговом окне Поиск слоев введите Vehicles (Latest). Затем введите owner:Learn_ArcGIS в окошке для поиска, чтобы ограничить результаты поиска двумя слоями, принадлежащими учётной записи администратора Learn ArcGIS. Щёлкните Enter, чтобы начать поиск.

    Добавить слой Vehicles (Latest)

    Результат поиска возвратит слой Vehicles (Latest). Этот слой содержит точечные пространственные объекты, которые отображают последнее записанное местоположение каждой снегоуборочной машины. Когда снегоуборочные машины изменяют свое местоположение, их AVL-устройство передает GPS-координаты в GeoEvent Server. Если слой настроен правильно, в нём будут автоматически обновляться полученные новые координаты.

  6. Для слоя Vehicles (Latest) щёлкните кнопку + Добавить.

    Слой Vehicles (Latest)

    Примечание:

    В зависимости от окна браузера, может понадобиться уменьшить карту, чтобы увидеть все машины в городе Уайт-сити (штат Юта, США).

    Транспортные средства обозначены цветными треугольниками. Оранжевые треугольники отображают снегоуборочные машины (snowplows), а синие – пикапы с навесными снегоуборщиками (pickup trucks). У каждой из девяти машин есть свой символ на карте. Сейчас местоположения символов на карте не обновляются в реальном времени потому, что вы еще не изменили настройки так, чтобы позволить слою делать это. Теперь надо добавить на карту остальные слои. Сначала вы обновите интервал обновления для слоёв.

  7. На панели Поиск измените текст поиска на Vehicles (Past) owner:Learn_ArcGIS и нажмите Enter.
  8. В результатах поиска выберите Vehicles (Past), и щёлкните кнопку Добавить.

    Слой Vehicles (Past)

    Транспортные средства обозначены цветными треугольниками. Как и раньше, оранжевым обозначены снегоуборочные машины, а синим – пикапы. Как и другой слой, в этом слое обновление в реальном времени еще не включено. К тому же большое количество кружков скрывает треугольники, отображающие последнее местоположение каждого транспортного средства. Позже на этом уроке вы измените символы одного из слоёв, чтобы его было проще различить. Однако сначала вам нужно добавить еще один слой.

  9. В панели Поиск слоев найдите и добавьте слой Street Plowed Status, принадлежащий Learn_ArcGIS.

    Слой Street Plowed Status

    Этот слой содержит пространственные объекты, представляющие основные улицы в этом районе. Каждая улица обозначена в соответствии с тем, была ли она только что очищена от снега (зеленый), не очищена (красный), или она в процессе уборки (желтый). Несмотря на то, что пространственные объекты выглядят как линии, они на самом деле полигональные. Чтобы определить, заехала или выехала снегоуборочная машина на какую-то часть улицы, исходная центральная линия была окружена буфером определенного расстояния. Таким образом, даже если снегоуборочная машина расположена не строго по центру улицы, она все равно определяется, как находящаяся на улице. Буферы были добавлены в GeoEvent Server как геозоны или геометрические границы, которые подают отклик, если что-то попадает в их область. В данном случае, улицы обозначаются как убранные, не убранные или находящиеся в процессе уборки, в зависимости от того, пересекала ли снегоуборочная машина геозону или в данный момент находится в ней.

  10. На панели поиска щёлкните кнопку Назад. Если надо, щёлкните Содержание, чтобы увидеть только что добавленные на карту слои

    Откроется панель Ресурсы. Она показывает все три слоя, находящиеся на карте. Слой Streets Plowed Status плохо видно на текущей базовой карте, поэтому вы измените базовую карту на более темную.

  11. На ленте нажмите Базовая карта и выберите Темно-серое полотно

    Темно-серое полотно, базовая карта

    Слой Streets Plowed Status выглядит на карте более отчётливо.

    Слой улиц на базовой карте Тёмно-серое полотно

    Слои были добавлены, но временной компонент каждого из них не активен.. Несмотря на то, что эти слои были специально подготовлены с помощью GeoEvent Server , чтобы содержать живые потоки данных, основанные на AVL-устройствах каждой из снегоуборочных машин, данные не будут обновляться, пока вы не зададите интервал обновления. Интервал обновления – это период времени, в течение которого слой на карте обновляется. Когда слой обновляется, он получает самые свежие данные из потоков данных в реальном времени, подключенных к нему через GeoEvent Server. Пока интервал обновления не будет задан, слой будет отображать данные, актуальные на момент добавления слоя на карту.

  12. На панели Содержание наведите курсор на слой Street Plowed Status и щёлкните Дополнительные опции.

    Кнопка Дополнительные опции

    Появится меню с дополнительными настройками слоя.

  13. Наведите курсор на Интервал обновления и измените интервал на 0.1 минуту.

    Интервал обновления

    Минимальный интервал обновления равен 0.1 минуты, что равняется 6 секундам. Слои на вашей карте будут обновляться каждые 6 секунд последними данными с AVL-устройств.

  14. Следуйте тем же инструкциям, чтобы установить Интервал обновления на 0.1 минуты для слоев Vehicles (Past) и Vehicles (Latest).

    Теперь все три слоя обновляются с одинаковой частотой. Вы измените порядок слоев так, чтобы самое последнее местоположение транспортных средств отображалось выше всех остальных ресурсов на карте.

  15. На панели Содержание наведите курсор на слой Vehicles (Latest), задержите курсор на значке изменения порядка слоёв и перетащите его выше слоя Street Plowed Status.

    Изменить порядок слоев

  16. Перетащите слой Vehicles (Past), чтобы он оказался между слоями Vehicles (Latest) и Street Plowed Status.

    Порядок слоев

Присвоение символов и надписывание данных

Вы добавили слои в реальном времени, но символы по умолчанию мешают увидеть на карте текущие местоположения снегоуборочных машин. Вы измените символы слоя и подпишите каждую из снегоуборочных машин и пикапов так, чтобы они были яснее видны.

  1. На панели Ресурсы наведите курсор на подслой Vehicles (Latest) и щелкните кнопку Изменить стиль.

    Кнопка Изменить стиль

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

  2. В разделе Выберите стиль отображения под строкой Типы (уникальные символы) щелкните Параметры.

    Опции отображения

    Панель покажет настройки символов. Показаны два символа: один для пикапов, а другой для снегоуборочных машин. Вы сохраните сине-оранжевую цветовую схему, чтобы символы соответствовали другому слою с транспортом, но немного измените каждый из символов, чтобы текущие местоположения транспортных средств были видны более отчетливо.

  3. Щелкните синий символ пикапов.

    Символ пикапов

    Откроется окно, показывающее варианты изменения символа. Они включают список символов по умолчанию. Текущая категория списка – формы.

  4. Щелкните меню Формы и выберите Стрелки.

    Категории стрелокy

  5. Прокрутите вниз список символов стрелок и щёлкните символ с белой треугольной стрелкой, направленной вверх, внутри синего круга.

    Синяя направляющая стрелка

  6. Для Размера символов установите 20 пикселов.
  7. Нажмите OK.

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

  8. На панели Изменить стиль щелкните оранжевый символ снегоуборочных машин.
  9. Прокрутите вниз список символов стрелок и щёлкните белую треугольную стрелку, указывающую вверх, внутри оранжевого кружка.

    Символ оранжевая стрелка

  10. Измените Размер символа на 20 px (пикселов) и щелкните OK.

    Оба символа изменены. Вместо того, чтобы символы всегда указывали вверх, вы сделаете так, чтобы они указывали направление движения транспортного средства. Пользователям будет проще проследить маршрут каждого из транспортных средств, основываясь на символах.

  11. В панели Изменить стиль отметьте опцию Повернуть символы (градусы).

    Повернуть символы

    Появятся настройки поворота символов.

  12. Щелкните ниспадающее меню и выберите heading. Убедитесь, что выбрано Географический.

    Настройки поворота

    Географический означает, что символ будет повёрнут по часовой стрелке относительно текущего местоположения. В результате стрелки будут указывать направления движения транспортных средств.

  13. Щелкните OK внизу панели. Затем нажмите Готово.

    Символы транспортных средств

    Новые символы более отчетливы на карте и предоставляют больше информации пользователю. Однако они все еще могут выделяться еще больше и быть более информативными. Вы подпишете транспортные средства для того, чтобы городские власти могли определить, где на карте находится определённое транспортное средство.

  14. На панели Ресурсы наведите курсор на слой Vehicles (Latest) Щелкните кнопку Дополнительные опции и воспользуйтесь командой Создать надписи.

    Создать надписи

    Появится панель Надписать объекты и к транспортным средствам добавятся надписи по умолчанию. Транспортные средства подписаны по номерам (Truck 1, Truck 2 и так далее), которые помогут властям города Санди идентифицировать на карте каждую из машин их автопарка. Однако подписи по умолчанию написаны простым черным текстом, не заметным на темной базовой карте.

  15. В панели Надписать объекты щелкните по ярлыку цвета текста и выберите белый.

    Белый текст надписей

    Белый текст лучше видно на карте. Однако по умолчанию надписи расположены справа вверху относительно символа. Когда машины рядом друг с другом, становится сложно различать, какая подпись к какому символу относится.

  16. Для Выравнивания выберите среднее нижнее выравнивание.

    Выравнивание

  17. В нижней части панели щелкните OK.

    Надписи

    Готовые надписи четче показывают, какая снегоуборочная машина или пикап к какому символу относится. (Если два символа перекрываются, они могут не отображаться на карте) Далее вы сохраните карту.

Фильтрация прошлых местоположений снегоуборочных машин

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

  1. Для слоя Vehicles (Past) щёлкните кнопку Фильтр.

    Откроется окно Фильтр. Вы используете это окно, чтобы создать запрос для слоя Vehicles (Past), чтобы отображать пространственные объекты, появившиеся в течение последних двух минут.

  2. На панели Фильтр: Vehicle(Past) постройте следующее выражение:
    • В Поле выберите time.
    • В качестве оператора выберите в последние.
    • В Значение укажите 2 минуты.

    Применение фильтра для снегоуборочных машин

    Теперь этот запрос отфильтрует все типы транспортных средств (как снегоуборочные машины, так и пикапы), для которых что-то обновлялось за последние две минуты.

  3. Щёлкните Применить фильтр, чтобы выполнить выражение.

    Данные на карте отфильтрованы.

    Карта с применением фильтра

    Теперь каждая снегоуборочная машина отслеживается по следу из точек с предыдущими местоположениями. Фильтр позволяет пользователям лучше понять, где была каждая снегоуборочная машина, и какие улицы были только что убраны.

  4. На ленте щёлкните Сохранить и выберите Сохранить как.

    Кнопка Сохранить

  5. Сохраните свою карту, используя следующую информацию:
    • В опции Заголовок введите Snowplows in a Utah City
    • В опции Теги введите Snowplows, Roads, Utah
    • В опции Краткая информация введите This map shows the real-time location of snowplows in a city in Utah.

Теперь ваша карта готова. Она показывает местоположение снегоуборочных машин и статус дорог в городе. Слои данных обновляются в реальном времени с интервалом в 6 секунд, а пространственные объекты четко передают важную информацию пользователю.


Создание операционной панели

Ранее вы создали веб-карту, используя слои с данными в реальном времени, показывающие местоположения городской снегоуборочной техники. Эта карта также показывает, очищены ли улицы от снега. Карта содержит данные, жизненно необходимые как для простых горожан, так и для чиновников городской администрации, но последним хотелось бы иметь ещё и операционную панель, которую можно бы было применять для внутреннего пользования, отслеживая ход выполнения снегоуборочных работ. Такая операционная панель должна выдавать следующую информацию:

  • Обновляющийся в реальном времени список с названиями транспортных средств, скоростями и временем последнего обновления местоположения
  • Линейчатую диаграмму, обновляемую в реальном времени, со скоростями транспортных средств
  • Обновляемую в реальном времени круговую диаграмму с соотношением статуса очистки от снега
  • Список, показывающий названия улиц и статус очистки от снега

Эта информация поможет местным властям организовать маршруты снегоуборочных машин для более эффективной очистки дорог. Вы создадите подобную панель при помощи ArcGIS Dashboards. Операционные панели полностью настраиваемые и могут включать в себя элементы, показывающие карты, списки и диаграммы. На этом уроке вы установите бесплатный ArcGIS Dashboards и используете его для объединения вашей веб карты с информацией, запрашиваемой чиновниками городской администрации.

Добавление карты к операционной панели

Для начала вы выберете карту, которая будет использоваться на панели.

  1. Войдете в учетную запись ArcGIS Online.
  2. Щёлкните Ресурсы, щёлкните окно запуска приложений и выберите Dashboard.
    Приложение Dashboards

    Откроется главная страница Dashboards, на которой вы можете создавать, редактировать и просматривать панели.

  3. Щелкните Создать операционную панель.

    Откроется окно Создание новой операционной панели.

  4. В окне Создание новой операционной панели сделайте следующее:
    • В опции Заголовок введите Snowplows in a Utah City.
    • В разделе Теги введите Learn.
    • В качестве Краткой информации введите The location of snowplows and the status of roads in a city in Utah.
    • В опции Папка выберите местоположение для сохранения своей панели.

    Создание новой операционной панели

  5. Щёлкните Создать операционную панель, чтобы сгенерировать новое приложение панели.

    После того как приложение создано, можно добавлять элементы. В следующих шагах вы добавите следующие элементы:

    • Карта
    • Список
    • Серийная диаграмма
    • Круговая диаграмма
  6. На панели настройки Snowplows in a Utah City щёлкните кнопку Добавить, чтобы получить доступ к ниспадающему списку элементов. Выберите в списке Карта.

    Добавление карты к операционной панели

    Панель Выбрать карту появится и покажет все карты, которые есть в вашей учётной записи ArcGIS.

  7. Укажите веб-карту Snowplows in a Utah City. Щёлкните Выбрать, чтобы добавить карту как элемент панели.

    Ресурсы веб-карты будут служить источником данных для прочих элементов.

    Выберите карту, чтобы добавить к операционной панели

    Откроется окно Настроить карту.

  8. На вкладке Настройки включите следующие опции:
    • Всплывающие окна
    • Экстент по умолчанию и закладки
    • Видимость слоя
    • Переключатель базовой карты
    • Поиск

    Настройка элементов карты

    Эти возможности позволят пользователю лучше ориентироваться на карте и выбирать интересующие их объекты и получать больше информации из всплывающих окон.

  9. Щёлкните Готово

    Панель появится с только что настроенными элементами карты.

    Настроенный элемент карты со всплывающей подсказкой

    Самостоятельно исследуйте компоновку и щёлкайте на машинах, чтобы посмотреть всплывающие подсказки со свойствами.

Добавление элементов

Вы настроили свой элемент карты и воспользовались некоторыми возможностями Dashboards по работе с реальным временем, чтобы ваша карта предоставляла информацию более отчетливо. Как было сказано в начале урока, городские власти хотят иметь удобный доступ к некоторой дополнительной информации о снегоуборочных машинах. В частности, их интересует список информации о каждой машине, а также графики, которыми можно пользоваться для сопоставления информации о разных транспортных средствах или улицах. Также они хотят список с названиями улиц и статусом их очистки от снега. Чтобы предоставить эту информацию, вы настроите три элемента и расположите их на карте.

  1. На ленте нажмите кнопку Добавить и выберите Список.

    Добавить элемент списка

    Теперь вы настроите список, чтобы показывать скорости каждой из девяти машин в автопарке. Эта информация будет полезна для того, чтобы отслеживать машины, очищающие улицы в данный момент, в том числе с какой скоростью они передвигаются.

  2. На панели Выбрать слой выберите Vehicle(Latest).

    Выбрать слой списка

    Панель конфигурации Список изменится, на ней появятся опции отображения данных для слоя Vehicle(Latest).

    Свойства выбора слоя для списка

    По умолчанию машины расположены в соответствии с их ObjectID, полем в ArcGIS, которое упорядочивает пространственные объекты в слое. Вы расположите их в списке по порядку названий транспортных средств.

  3. На панели Опции данных для Сортировать по щёлкните +Сортировать, выберите vehiclename и щёлкните По возрастанию.

    Сортировка списка

    Предпросмотр, с правой стороны окна, показывает, что теперь транспортные средства расположены по порядку их имен. Далее вы добавите в список скорость каждого транспортного средства. Также, как и с полем времени, использованным вами для фильтрации, AVL-устройства также записывают скорость каждой снегоуборочной машины. Информация о скорости также включена в слой.

  4. Щёлкните вкладку Список, щёлкните стрелку вниз с полями и выберите поле vehiclename.
  5. Повторите шаг 4, чтобы добавить поле speed в отдельную строчку.

    Добавление полей списка

    Предварительный просмотр списка теперь содержит скорости для каждого транспортного средства в милях в час – в правой части панели опций списка.

    Дополнительные поля в списке

  6. Щёлкните вкладку Действия, щёлкните стрелку вниз Добавить действие и выберите Следовать вдоль объекта. В результате за каждой перемещающейся машиной будет тянуться точечный след.

    Добавить действие

  7. Перейдите на вкладку Общие и на панели с Общими опциями в качестве Названия и Описания сделайте следующее:
    • Щёлкните Редактировать для Заголовка и введите Vehicles на текстовой панели.
    • Щёлкните Редактировать для Описания и введите Speed in miles per hour на текстовой панели.
    • Используйте опции форматирования, чтобы выровнять заголовок по центру и сделать его полужирным.

    Опции: общие настройки

    После внесения этих изменений заголовок окажется сверху посередине, а описание – снизу.

  8. Щёлкните Готово.

    На панель добавится элемент списка. Вы можете перетащить список и прикрепить его в любом месте.

    Список и карта на панели

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

    Перемещение и конфигурация элемента списка

    Примечание:

    Чтобы настроить ширину элемента, наведите курсор на его границу и перетащите ее до нужного размера.

    Хорошо иметь скорости транспортных средств перед глазами, но вы можете сделать информацию еще понятнее, добавив гистограмму, показывающую скорости относительно друг друга.

  10. Нажмите кнопку Добавить и выберите Серийная диаграмма.
  11. На панели Выбрать слой выберите Vehicle(Latest).
  12. Перейдите на вкладку Data (Данные).
  13. На панели Опции данных измените следующие параметры:
    • Для Категории из щёлкните Пространственные объекты.
    • Для Поле категории выберите vehiclename.
    • Для Поле серий 1 выберите speed.
    • Для Сортировать по выберите vehiclename и щёлкните По возрастанию.
    Примечание:

    Если у вас в данных попадётся пустое значение, можно удалить пустую информацию из диаграммы, применив опцию фильтра vehiclename не пусто.

    Элемент диаграммы

    Предпросмотр показывает гистограмму с девятью столбиками, по одному на каждую машину. Но подписи на осях не обозначают какие значения представлены столбиками.

  14. Щёлкните вкладку Ось категории и в окошке Заголовок введите Vehicle.
  15. Щёлкните вкладку Ось значения и в окошке Заголовок введите Speed.
  16. Щёлкните вкладку Серии, прокрутите до опции Цвет столбца и измените цвет на синий с кодом #00c5ff.
  17. Щёлкните вкладку Общие и на панели общих настроек сделайте следующее:
    • В текстовом поле Заголовок напечатайте Vehicle Speed. Для текста заголовка примените выравнивание по центру.
    • Над текстом щёлкните Обычное и выберите Заголовок 2.
  18. Щёлкните Готово.
  19. Перетащите элемент гистограммы под элемент списка. Если необходимо, измените размер элементов так, чтобы вся информация отображалась понятно.

    Карта, диаграмма и список

    Далее вы добавите элемент, показывающий статус улиц как круговую диаграмму. Этот элемент позволит властям города сразу увидеть соотношение очищенных и не очищенных улиц. Он будет выполнять функцию индикатора уборки.

  20. Нажмите кнопку Добавить и выберите Круговая диаграмма.
  21. На панели Выбрать слой для Источник данных выберите Street Plowed Status.

    Чтобы отобразить процент очищенных улиц, вы покажете количество пространственных объектов, которые могут иметь статус очистки от снега.

  22. Перейдите на вкладку Data (Данные).
  23. На панели Опции данных измените следующие параметры:
    • Для Категории из убедитесь, что выбрано Сгруппированные значения.
    • Для Поле категории выберите PlowedStatus.

    Предпросмотр обновится, показывая круговую диаграмму с двумя или тремя секторами (в данный момент может не быть Очищаемых улиц). Вы улучшите внешний вид диаграммы, добавив легенду и изменив цветовую схему.

    Настройки круговой диаграммы

  24. Щёлкните вкладку Диаграмма.
  25. В окне Опции диаграммы сделайте следующее:
    • Для Подписи Видимость щёлкните Скрыть.
    • Для Легенда Видимость щёлкните Процент.

    Настройки подписей и легенды круговой диаграммы

  26. Перейдите на вкладку Срезы, щёлкните Применить цвета и выберите цвета на свой вкус либо примите предложенные по умолчанию.
  27. Перейдите на вкладку Общие и в опции Заголовок введите Streets Plowed Status(Percent).

    Наконец вы дополните круговую диаграмму определенными действиями с пространственными объектами, чтобы пользователи могли лучше видеть улицы определенных статусов, используя диаграмму

  28. Перейдите на закладку Действия.
  29. На панели Действия измените следующие параметры:
    • В панели Действия щелкните Добавить цель и выберите Streets Plowed Status.
    • Для Фильтр выберите Добавить цель.
    • Установите слой Streets Plowed Status в качестве целевого для действия.
  30. Щёлкните Готово.
  31. Перетащите элемент круговой диаграммы и прикрепите ее с левой стороны панели. Если необходимо, измените размер элемента диаграммы, чтобы информация отображалась понятно.

    Панель с круговой диаграммой

  32. Чтобы использовать действия объектов, которые вы включили, щёлкните один из сегментов круговой диаграммы и обратите внимание, как слой карты фильтрует улицы на основе вашей выборки.

    В элементе круговой диаграммы много пустого места. Вы используете это место для последнего элемента, который надо создать. Этот элемент будет еще одним элементом списка, показывающим названия улиц и их статус очистки от снега.

  33. На ленте нажмите кнопку Добавить и выберите Список.
  34. На панели Выбрать слой выберите Street Plowed Status.

    Вы хотите, чтобы список показывал статус очистки улицы, поэтому соответственно измените настройки списка. Также вы увеличите максимальное количество объектов, отображаемых в списке, чтобы показывать много улиц одновременно.

  35. Перейдите на вкладку Data (Данные).
  36. На панели Опции данных измените следующие параметры:
    • Для Отображено максимальное число объектов установите значение на 50.
    • Для Сортировать по выберите PlowedStatus и щёлкните По возрастанию.

    В предпросмотре появится список улиц, каждая с символом, показывающим статус очистки от снега. Чтобы сделать список более понятным, вы добавите описание для каждого элемента списка, показывающего статус очистки от снега. Вы добавляли похожее описание к списку скоростей машин.

  37. Щёлкните вкладку Список.
  38. На панели Опции списка щёлкните стрелку вниз для поля и выберите поля StreetName и PlowedStatus. Добавьте поля в отдельных строчках.

    Поля списка статуса очистки снега

    Как и в круговой диаграмме, вы включите определенные действия с пространственными объектами в списке, чтобы пользователи могли использовать его для навигации или подсветки специфических, интересующих их улиц.

  39. Перейдите на закладку Действия.
  40. На панели Действия измените следующие параметры:
    • Щёлкните стрелку ниспадающего списка Добавить действие и выберите Масштабировать.
    • Для действия Масштабировать щёлкните Добавить цель и выберите карту Snowplows in a Utah City в качестве целевой.
  41. Перейдите на вкладку Общие.
  42. На панели Общие опции измените следующие параметры:
    • Для Заголовок введите Streets Plowed Status (Street Name).
    • Выберите Заголовок 2 в качестве стиля форматирования.
  43. Щёлкните Готово.
  44. Прикрепите элемент списка под элементом круговой диаграммы и настройте размеры каждого элемента так, чтобы пустого пространства было как можно меньше.

    Панель со списком статуса очистки снега

    Потратьте несколько минут на исследование сконфигурированной операционной панели. Теперь добавьте к ней заголовок.

  45. В меню Добавить выберите Заголовок.

    По умолчанию заголовок совпадает с названием карты.

  46. Щёлкните Готово.

Сохранение панели и предоставление общего доступа

Ваша панель готова, необходимые элементы настроены. Далее вы опубликуете панель для соответствующих людей.

  1. На ленте щелкните кнопку Сохранение.
  2. Щёлкните На главную и щёлкните Описание элемента панели.

    Обновите информацию об элементе панели

    Можно настроить доступ к панели только для участников организаций или вообще всех. Так как подразумевается, что эта операционная панель будет использоваться городскими властями, а не всеми подряд, вы обеспечите общий доступ только в своей организации.

  3. На вкладке Обзор Snowplows in a Utah City щёлкните Общий доступ.

    Опубликуйте панель в пределах своей организации..

  4. На панели Общий доступ отметьте окошки напротив названия организации и щёлкните OK.

    Когда вы публикуете операционную панель, все связанные с ней карты должны быть доступны таким же образом. Вы можете получить доступ к опубликованной операционной панели через приложение ArcGIS Dashboards или через учетную запись ArcGIS Online.

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


Создание веб-приложения

Ранее вы создали информационную панель по заказу городской администрации, помогающую оперативно решать вопросы об автопарке снегоуборочных машин во время зимних снегопадов. Теперь вы создадите веб-приложение, предназначенное для общественного пользования. Во время метели необходимо держать население информированным для поддержания безопасности и обеспечения максимальной эффективности перемещений. Однако обычным гражданам не нужен доступ к информации, добавленной на панель, такой как график хода работ или список скоростей транспортных средств. Зато им необходимо знать о текущем состоянии уборки улиц, и когда конкретно на их улице и соединенных с ней улицах будет работать снегоуборочная техника. Вы создадите веб-приложение при помощи ArcGIS Web AppBuilder, чтобы предоставить горожанам доступ к наиболее актуальной информации о ходе снегоуборочных работ.

Добавление потоковых данных на веб-карту

Прежде чем создать веб-приложение, вы добавите на свою веб-карту разные типы ГИС слоев в реальном времени, названных потоковыми сервисами. Потоковые сервисы создаются и публикуются в GeoEvent Server. Однако в отличии от других данных в реальном времени, потоковые сервисы не имеют интервала обновления – новые события добавляются на карту, как только приходят. Используя потоковые сервисы местоположения снегоуборочных машин, ваша веб-карта будет содержать наиболее актуальную информацию, без отсрочек из-за шестисекундного интервала обновления.

  1. Если надо, войдите из-под учётной записи организации ArcGIS и откройте свою веб-карту Snowplows in a Utah City.

    Текущая карта используется операционной панелью, поэтому любые внесенные в нее изменения отразятся в панели. Чтобы предотвратить изменения в операционной панели, вы сохраните копию своей карты.

  2. На ленте щёлкните Сохранить и выберите Сохранить как.
  3. В окне Сохранить карту измените имя карты на Snowplows in a Utah City (Stream Service). Оставьте все другие параметры без изменений и щелкните Сохранить карту.

    Карта сохранится с новым названием. Изменения, внесенные в эту карту, не повлияют на операционную панель. Далее вы добавите потоковый сервис. Потоковые сервисы размещаются не на ArcGIS Online, поэтому вы не можете искать их среди других слоев ArcGIS Online. Вместо этого вы используете URL сервиса, который ведет к сервису, расположенному на городском ГИС-сервере.

  4. Щёлкните на ленте Добавить и выберите Добавить слой из интернета.

    Добавить слой из Интернета

    Откроется окно Добавить слой из Интернета.

  5. Для URL скопируйте и вставьте следующий URL: https://realtimegis2016.esri.com:6443/arcgis/rest/services/SandyVehicles/StreamServer.

    URL сервиса

  6. Щёлкните Добавить слой.

    Новый слой, под названием SandyVehicles, добавлен на карту. Новый слой может быть сложно увидеть из-за других данных, находящихся на карте, поэтому вы выключите некоторые другие слои.

  7. В панели Ресурсы отключите слои Vehicles (Latest) и Vehicles (Past).

    Транспортные средства

    Слой показывает самые актуальные местоположения снегоуборочных машин в городе. Из-за того, что этот слой является потоковым сервисом, он обновляется автоматически, как только добавлен на сервер, в отличие от обновляющихся с фиксированным интервалом в шесть секунд. Теперь вы переименуете потоковый слой так, чтобы его название соответствовало остальным слоям.

  8. Наведите курсор на слой SandyVehicles, щелкните по кнопке Дополнительные опции и выберите Переименовать.

    Переименовать

  9. Измените имя слоя на Vehicles(Stream) и щёлкните OK.

Присвоение символов слою потоковых данных

Далее вы измените символы по умолчанию потокового сервиса, чтобы сделать похожими на символы слоя Vehicles (Latest). Также вы измените символ сервиса, чтобы показывать след, оставленный транспортным средством в недавнем прошлом, так же, как и созданный вами фильтр в операционной панели.

  1. На панели Ресурсы наведите курсор на слой Vehicles (Stream) и щелкните кнопку Изменить стиль.

    Использованные вами ранее слои в реальном времени были символизированы так, чтобы показывать снегоуборочные машины и пикапы разными символами. Для потокового сервиса можно настроить только один символ, но вы все еще можете сделать символ визуально похожим на те, что использованы в слоях с транспортными средствами.

  2. На панели Изменить стиль щелкните Символы.

    Символы

    Появится окно с настройками символов.

  3. На вкладке Форма измените категорию символов на Стрелки. Прокрутите вниз список символов стрелок, пока не найдете треугольник, указывающий вверх, в фиолетовом круге.

    Символ фиолетовая стрелка

  4. Измените Размер символа на 20 px (пикселов) и щелкните OK.

    Новый символ добавлен на карту.

    Символ для транспортных средств

    Когда вы создавали веб-карту на первом уроке, вы изменили символы транспортных средств так, что стрелка указывала направление движения транспортного средства. Возможно, вы заметили, что операционная панель не сохранила эту настройку символов, и все символы транспортных средств в операционной панели указывали вверх. Однако веб-приложение, которое вы создадите, будет способно отображать поворот символов, поэтому вы добавите это к символу потокового слоя.

  5. В панели Изменить стиль отметьте опцию Повернуть символы (градусы). В ниспадающем меню выберите heading и убедитесь, что выбрано Географический.

    Теперь у вас будет символ, включающий дополнительные 10 местоположений каждого транспортного средства. Таким образом за каждым символом будет оставаться след из последних известных местоположений транспортного средства, как и в операционной панели. Хотя в операционной панели вы добились этого эффекта использовав фильтр, в своей веб-карте вы сделаете его с помощью символов слоя.

  6. Отметьте Отобразить предыдущие 5 наблюдений и измените количество наблюдений на 10.

    Отобразить предыдущие наблюдения

    Спустя несколько секунд символы обновятся, и за ними появится след из синих кружков.

    Предыдущие наблюдения транспортных средств

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

  7. На панели Изменить стиль, под предыдущими наблюдениями, щелкните символ синего кружка.

    Символ предыдущих наблюдений

    Появится окно с настройками символов.

  8. Если необходимо, измените категорию символов на Стрелки. Прокрутите вниз, пока не найдете фиолетовую треугольную стрелку, указывающую вверх.

    Фиолетовая стрелка для предыдущих наблюдений

  9. Измените Размер символа на 12 пикс. и щелкните OK.

    Символы синих кружков изменились на фиолетовые стрелки. Стрелки также поворачиваются по направлению движения транспортного средства. Теперь вы соедините след предыдущих наблюдений белой линией, чтобы сделать их визуально более понятными.

  10. На панели Изменить стиль отметьте Подключить наблюдения.

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

  11. В нижней части панели щелкните OK.
  12. Увеличьте изображение, пока отчетливо не увидите линию, соединяющую наблюдения.

    Окончательный символ для транспортного средства

  13. Когда вы закончите проверять линию, вернитесь к полному экстенту данных.
  14. Сохраните карту.

Создание веб-приложения

Теперь, когда вы добавили на карту потоковые сервисы, отображающие данные в реальном времени еще быстрее, вы создадите веб-приложение, используя Web AppBuilder. Веб-приложения – это веб-карты с пользовательским интерфейсом, адаптированным для конкретных целей. Также они позволяют добавить описание или ссылки на вашу организацию. В частности, Web AppBuilderпредоставляет полный спектр настраиваемых опций при создании веб-приложения, в отличие от шаблонов веб-приложений, доступных в ArcGIS Online. Первым шагом к созданию веб-приложения будет обеспечение общего доступа к вашей карте.

  1. На ленте нажмите Общий доступ.

    Кнопка Общий доступ

    Вы хотите, чтобы приложение было доступно для общественного пользования, в соответствии с этим вы обеспечите к нему общий доступ.

  2. В окне Общий доступ отметьте Для всех (общий).

    Теперь каждый может получить доступ к вашей веб-карте, как только у него появится URL.

  3. В нижней части окна Общий доступ щёлкните Создать веб-приложение.

    Кнопка Создать веб-приложение

    Откроется окно Создание нового веб приложения. Это окно содержит список настраиваемых шаблонов приложений. Вместо этого вы создадите пользовательское веб-приложение при помощи Web AppBuilder.

  4. Щелкните на вкладке Web AppBuilder.

    Вкладка Web AppBuilder

    Эта вкладка предоставляет опции для названия веб-приложения, тегов и другой информации. Некоторые параметры заполнены информацией из веб-карты, но вы измените название и краткую информацию.

  5. Измените Заголовок на Snow Removal Operations Web App.
  6. В качестве Краткой информации введите Web application for viewing the current status of snow removal operations in a city in Utah.
  7. Убедитесь, что Опубликуйте это приложение тем же способом, что и карту отмечено, и щелкните Начать.

    Запустится Web AppBuilder.

Настройка веб-приложения

Web AppBuilder в данный момент содержит веб-карту, название по умолчанию и несколько функционалов карты по умолчанию. Далее вы настроите аспекты внешнего вида и функционала веб-приложения. В частности, добавите в веб-приложение виджет, предоставляющий повышенный контроль над потоковыми сервисами.

  1. В левой панели Web AppBuilderна вкладке Тема выберите Тема дротика.

    Тема дротика

    Эта тема размещает название веб-приложения и многие элементы управления на серой полоске внизу экрана, называемой контроллером. Это упрощает некоторые функциональные возможности и предоставляет больше внимания карте. Однако серый контролер не выделяется на фоне темной базовой карты, поэтому вы измените его цвет.

  2. Для Стиля, выберите фиолетовую цветовую схему.

    Фиолетовая цветовая схема

    Эта цветовая схема совпадает с фиолетовыми символами транспортных средств на карте. Это приводит к тому, что информация контроллера и инструменты выделяются, а также подчеркивают наиболее важные данные в реальном времени. Далее вы измените некоторые другие аспекты своей веб-карты. На левой панели есть четыре вкладки: Тема, Карта, Виджет и Атрибут. Вкладка Карта позволяет вам выбрать карту, которую вы хотите использовать в своем веб-приложении и изменить ее экстент по умолчанию. Вы уже выбрали карту, поэтому эта вкладка не нужна. Вкладка Атрибут позволяет изменить название приложения так же, как и некоторую другую информацию. Вы уже дали приложению название, поэтому не будете использовать эту вкладку.

  3. Щелкните вкладку Виджет.

    Вкладка Виджет

    Когда вы создавали операционную панель, вы тоже добавляли виджеты. Это были виджеты со списками и диаграммами, содержащими более подробную информацию об операциях. Вы также можете добавить виджеты к веб-приложению, создаваемому вами в Web AppBuilder. Эти виджеты помогают пользователю выполнять множество картографических задач, таких как навигация и измерения. Вы добавите виджет, позволяющий пользователям взаимодействовать с потоковым слоем в приложении.

  4. На вкладке Виджет щелкните Настроить виджеты в этом контроллере.

    На данный момент в контроллере есть три виджета: легенда, список слоев и бегунок масштаба. Эти виджеты отображаются в виде кнопок в контроллере под названием.

    Подсказка:

    Чтобы убрать виджет, наведите на него в левой панели курсор и щёлкните кнопку Удалить.

  5. В списке виджетов щёлкните кнопку добавления виджета.

    Кнопка добавления виджетов

    Появится окно Выбор виджета. Это окно содержит все возможные типы виджетов, которые вы можете добавить в контроллер. Там более 52 виджетов, которые вы можете настроить.

  6. Щелкните виджет Потоковый сервис, чтобы открыть его. Затем нажмите OK.

    Виджет Потоковый сервис

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

  7. Оставьте настройки по умолчанию и щёлкните OK.

    Виджет добавлен на контроллер.

  8. В контроллере щёлкните виджет Потоковый сервис.

    Потоковый сервис на контроллере

    На карте появится окно Потоковый сервис.

    Элементы управления потокового слоя

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

  9. Когда закончите, закройте окно.

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

    Примечание:

    Для получения более подробной информации о Web AppBuilder и некоторых доступных виджетах, попробуйте урок Learn ArcGIS Оползень в штате Вашингтон – до и после.

  10. В нижней части панели слева нажмите Сохранить. После того, как приложение сохранится, щелкните Запустить, чтобы открыть его.

    Готовое приложение откроется в новой вкладке браузера или окне.

    Готовое веб-приложение

  11. Изучите готовое приложение.

    Попробуйте использовать функцию предварительного просмотра для проверки приложения, и не забывайте, что приложение также можно просматривать на мобильном устройстве или планшете.

  12. Когда закончите изучать, закройте приложение и вернитесь в Web AppBuilder.

    Теперь вам надо проверить метаданные приложения.

  13. Вверху Web AppBuilder, щелкните название приложения.

    Откроется страница с подробной информацией о приложении. Страница содержит Название, описание и ограничения на использование приложение, а также другую информацию. Вы также можете добавить эскиз. Рекомендуется использовать как можно больше метаданных, особенно для приложения, предназначенного для публичного пользования. В городской администрации скорее всего захотят отредактировать метаданные, чтобы добавить в них ссылки и связи с городским сайтом. Также они могут добавить изображение городской печати или баннера в качестве эскиза, чтобы ясно показать, что приложение официальное. Однако для целей этого урока вы можете редактировать метаданные как вам нравится.

  14. Добавьте обзорное изображение и описание.

    Ваше приложение уже выложено в общий доступ, поэтому любой, у кого есть URL приложения, может просматривать его. Чтобы распространить его, предоставьте городской администрации URL, чтобы они могли скопировать и выложить его на официальных страницах.

  15. Прокрутите в нижнюю часть страницы описания элемента. Под URL, скопируйте URL приложения и поделитесь им со всеми, с кем захотите. Также можно опубликовать URL через социальные сети, чтобы увеличить охват аудитории.

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

Еще больше уроков вы найдете в Галерее уроков Learn ArcGIS.