Настройка веб-карты для создания операционной панели

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

Настройка веб-карты

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

  1. Откройте веб-карту Electric charging stations in Canada.
  2. Щелкните Войти и войдите с использованием учетной записи организации ArcGIS.
    Примечание:

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

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

    Карта с синими точками

  3. При необходимости на панели инструментов Содержание (темной) в нижней части щелкните кнопку Развернуть.

    Кнопка Развернуть

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

    Опция Сохранить как и меню Сохранить и открыть

  5. В окне Сохранить карту в качестве Заголовка добавьте свои инициалы и имя в конце имеющегося текста.
    Примечание:

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

    Поле Заголовок в окне Сохранить карту

  6. Щелкните Сохранить.

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

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

    Панель Слои

    На панели Слои будут перечислены три слоя. Electric Charging Stations видны на карте как синие точки. Эти данные предоставляются Government of Canada, Natural Resources Canada через ArcGIS Living Atlas of the World, в них содержатся сведения о местоположении, а также атрибутивная информация по станциям зарядки электромобилей. Это основной набор данных, который вы будете использовать при создании операционной панели.

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

  8. Приблизьте карту, пока на ней не появится большее количество символов.

    Карта с символами социально-бытовой инфраструктуры

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

    Третий слой, Provinces and Territories of Canada, отключен. Вы будете использовать этот слой позднее для настройки пространственных действий на операционной панели. Пользователям не нужно видеть границы, поэтому слой никогда не будет виден на карте, но он нужен для того, чтобы пользователи могли отфильтровать станции по провинциям.

    Далее вы настроите всплывающие окна для слоя Electric Charging Stations.

  9. На панели Слои щелкните слой Electric Charging Stations, чтобы выбрать его.
  10. Разверните панель инструментов Настройки (светлую) и щелкните Всплывающие окна.

    Всплывающие окна

    Образец всплывающего окна появится поверх карты.

    Образец всплывающего окна

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

  11. На панели Всплывающие окна щелкните Заголовок и подтвердите, что поле пустое.

    Пустое поле Заголовок на панели Всплывающие окна

    Вы настроите заголовок объекта в панели мониторинга, а не во всплывающем окне.

  12. Щелкните Список полей и щелкните Выбрать поля.
  13. В окне Выбрать поля щелкните Отменить выбор, чтобы очистить все поля.
  14. Щелкните поле Station Name, чтобы выбрать его.

    Station Name выбрано в окне Выбрать поля

    Рядом с полем появится отметка, а оно само появится в образце всплывающего окна.

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

  15. В окне Выбрать поля щелкните Поиск поля и введите EV Connectors. В результатах поиска щелкните поле EV Connectors, чтобы его выбрать и добавить во всплывающее окно.

    EV Connectors выбрано в окне Поиск полей

  16. Найдите и добавьте следующие поля:
    • Улица
    • Station Phone
    • EV Pricing
    • Доступ
    • Доступ Дни Время
    • Cards Accepted
    • Date Last Confirmed
  17. Щелкните Готово.

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

    Образец всплывающего окна с девятью строками

  18. Закройте панель Всплывающие окна.

Создание операционной панели на основе веб-карты

Далее вы сохраните веб-карту и создадите на ее основе операционную панель.

  1. Щелкните на карте кнопку Вид карты по умолчанию, чтобы вернуться к виду карты по умолчанию.

    Кнопка Домой на карте

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

  2. На панели инструментов Содержание щелкните Сохранить и открыть и щелкните Сохранить, чтобы сохранить карту.
  3. На панели инструментов Содержание щелкните Создать приложение и щелкните Операционные панели.

    Опция Операционная панель в меню Создать приложение

  4. В окне Создать новую операционную панель введите следующую информацию:
    • В качестве Заголовка введите Станции зарядки электромобилей.
    • В качестве Тегов введите электромобили и нажмите Enter.
    • В поле Итоговая информация удалите существующий текст и введите Эта операционная панель позволяет искать поблизости станции зарядки электромобилей.
  5. Щелкните Создать операционную панель.

    Появится новая операционная панель. На ней представлен только один элемент: веб-карта, настроенная вами ранее, она занимает все пространство операционной панели.

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


Настройка элементов операционной панели

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

Добавить заголовок

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

  1. В нижней части панели инструментов щелкните кнопку Развернуть.
  2. На панели инструментов щелкните кнопку Вид, чтобы открыть панель Вид.

    Панель Компоновка

    Здесь вы упорядочите все элементы операционной панели.

  3. Щелкните вкладку Верхний колонтитул и затем Добавить верхний колонтитул.

    Вкладка Верхний колонтитул и кнопка Добавить верхний колонтитул

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

  4. Для Заголовка введите Станции зарядки электромобилей.

    Поле Заголовка в окне настройки Верхнего колонтитула

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

  5. Разверните раздел Ссылки меню и выключите опцию Выйти.

    Опция Выйти отключена

  6. Щелкните Готово.

    Верхний колонтитул появится на операционной панели над картой.

    Карта с верхним колонтитулом

Добавление индикатора для действующих станций

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

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

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

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

  2. Щелкните под картой кнопку Добавить и затем Индикатор.

    Индикатор в меню Добавить элемент

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

  3. В окне Выбрать слой щелкните Electric Charging Stations.

    Electric Charging Stations в окне Выбрать слой

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

    Окно предварительного просмотра индикатора.

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

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

  4. Перейдите на вкладку Индикатор. Для Текст внизу введите Действующие станции.

    Вкладка Индикатор и поле Текст внизу

  5. Щелкните Добавить значок.
  6. Разверните Прочее и щелкните значок в виде галочки в кружке.

    Значок Галочки в группе Разное

  7. Нажмите OK.
  8. На панели Опции индикатора убедитесь, что Расположение задано как Слева.

    В окне предварительного просмотра рядом с чисолм появится значок. Вы измените его цвет, чтобы он совпадал с символами на карте.

  9. Щелкните цвет Заливки. Для Hex введите 005ce6 и нажмите Enter.
  10. Разверните раздел Форматирование значения и выключите Префикс единицы измерения.

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

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

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

  11. Перейдите на вкладку Общие.
  12. В поле Название введите Индикатор действующих станций.
  13. Щелкните Готово.

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

Добавление таблицы

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

  1. На панели инструментов щелкните Добавить элемент.
  2. Перейдите к элементу индикатора.

    Поверх индикатора появится новая кнопка Добавить.

  3. Щелкните кнопку Добавить в левой части индикатора. Щелкните Таблица.

    Таблица в меню Добавить элемент

  4. В окне Выбрать слой щелкните Electric Charging Stations.

    Появится окно настроек Таблицы.

  5. В качестве Типа таблицы выберите Объекты.
  6. Для Поля значений щелкните Добавить поле и выберите Station_Name.

    Station Name в меню Добавить поле

    Поле Station Name появится в списке Поля значений и в качестве первого столбца в таблице предварительного просмотра.

    Таблица предварительного просмотра с одним столбцом

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

  7. Еще четыре раза щелкните Добавить поле, чтобы добавить следующие поля:
    • Street_Address
    • City
    • ZIP
    • Facility_Type

    Таблица предварительного просмотра обновится, в нее войдут новые поля.

  8. Щелкните вкладку Таблица и включите Чередование строк.

    Чередование строк включено

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

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

  9. Перейдите на закладку Заголовок.
  10. В разделе Надпись замещения уберите подчеркивание с надписей, чтобы они были именем станции, Station Name, уличным адресом Street Address и типом объекта Facility Type.
  11. Измените Цвет текста на #ffffff. Измените Цвета фона на #004da8.

    Верхний колонтитул таблицы изменится на темно-синий с белым текстом.

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

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

  12. Перейдите на вкладку Общие. В поле Название введите Таблица станций.

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

  13. Разверните раздел Нет выборки и рядом с надписью щелкните Редактировать.
  14. В текстовом редакторе щелкните кнопку Формат и выберите Заголовок 3.

    Формат в текстовом редакторе задан как Заголоовок 3

  15. В текстовом редакторе введите Выберите провинцию, чтобы посмотреть станции.
  16. Щелкните Готово.

    Таблица появится рядом с индикатором на операционной панели.

    Операционная панель с таблицей

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

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

  1. На панели инструментов щелкните Добавить элемент.
  2. Щелкните кнопку Добавить слева от операционной панели и выберите Детали.

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

  3. В окне Выбрать слой выберите Electric Charging Stations.

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

  4. Перейдите на вкладку Общие. В качестве Названия введите Информация о станции.
  5. Для Заголовка щелкните Редактировать.
  6. Щелкните кнопку Формат и выберите Заголовок 2. Введите Информация о станции.

    Редактор текста

    Заголовок появится в окне предварительного просмотра.

    Окно предварительного просмотра элемента Детали

  7. Разверните раздел Нет выборки. Для Надписи щелкните Редактировать.
  8. Щелкните кнопку Формат и выберите Заголовок 3. Введите Выберите станцию, чтобы посмотреть информацию о ней.

    Это сообщение появится в элементе деталей, если ни одна станция не будет выбрана.

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

    Панель деталей появится на операционной панели слева от других элементов. Она может занимать до половины ширины операционной панели.

  10. Перетащите правую границу панели деталей, чтобы она занимала около четверти от ширины операционной панели.

    Ребро элемента деталей выставлено на ширину 25,2%.

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


Настройка переключателей на операционной панели

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

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

Добавление переключателя по провинции

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

  1. При необходимости щелкните на панели инструментов кнопку Вид, чтобы открыть панель Вид.
  2. На панели Вид щелкните вкладку Заголовок. Щелкните Добавить переключатель и затем Переключатель категорий.

    Переключатель категорий в меню Добавить переключатель

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

  3. Для параметра Категории из, выберите Объекты.
  4. В окне Выбрать слой щелкните Provinces and Territories of Canada.

    Provinces and Territories of Canada в окне Выбрать слой

  5. Для Шаблона элемента Линия щелкните кнопку Добавить поле и выберите PRENAME.

    PRENAME в меню Шаблон элемента Линия

    PRENAME - это короткое название провинции на английском. В окне предварительного просмотра появится имя провинции.

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

  6. Щелкните вкладку Переключатель. Для Надписи напечатайте Выбрать провинцию.

    Текст в предварительном просмотре обновится.

  7. Щелкните Добавить значок.
  8. Разверните раздел Хаб и щелкните значок Границы.

    Значок Границы в группе Хаб

  9. Нажмите OK.
  10. Включите Показать поиск.
  11. Щелкните предварительный просмотр.

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

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

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

  12. Включите Опцию Нет. В качестве Подпись для Нет, введите Провинция не выбрана.

    Включена Опция Нет

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

  13. Разверните раздел Общее. Для Имени введите Выбор провинции.
  14. Щелкните Готово.

    Переключатель провинций появится на заголовке панели над картой.

    Заголовок операционной панели с переключателем

Добавление переключателя города

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

  1. На панели Вид на вкладке Заголовок щелкните Добавить переключатель и выберите Переключатель категорий.

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

  2. В разделе Категории из выберите Сгруппированные значения.

    Опция Сгруппированные значения

  3. В окне Выбрать слой выберите Electric Charging Stations.
  4. Для Поля категории выберите City.

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

    Поле City в списке Сортировать по

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

  5. Для Максимального числа категорий введите 350.
  6. Щелкните вкладку Переключатель. Для Надписи введите Выбрать город.

    В окне предварительного просмотра появится новая надпись.

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

  7. Щелкните Добавить значок.
  8. Разверните раздел Хаб, выберите значок Город и щелкните OK.

    Значок Город в группе Хаб

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

  9. Для Выборки укажите Несколько. Для Замещающего текста введите Город не выбран.

    Замещающий текст и опция Выборка, заданная как Несколько

  10. Включите переключатели Показать поиск и Показать сброс и выбрать все.
  11. Щелкните окно предварительного просмотра, чтобы развернуть список городов.

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

    Кнопки Сброс и Выбрать все появятся под списком. Эти инструменты упрощают работу пользователей с длинными списками.

  12. В нижней части панели разверните раздел Общие.
  13. Для Имени введите Выбор города.
  14. Щелкните Готово.

    На заголовке операционной панели появится новый переключатель.

    Заголовок с двумя переключателями

Добавление переключателя по типу разъема

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

  1. На панели Вид на вкладке Заголовок щелкните Добавить переключатель и выберите Переключатель категорий.
  2. Для Категории из выберите Сгруппированные значения.
  3. В окне Выбрать слой выберите Electric Charging Stations.
  4. Для Поле категории выберите EV_Connector_Types.

    Поле категорий задано как EV Connector Types

  5. Щелкните вкладку Переключатель.
  6. В поле Надпись введите Выберите тип разъема.
  7. Щелкните Добавить значок.
  8. Разверните раздел Точки интереса, выберите значок АЗС и щелкните OK.

    Значок АЗС в группе Точки интереса

  9. Для Выборки укажите Несколько.
  10. Для Замещающего текста введите Тип разъема не выбран.
  11. Включите Показать поиск и Показать сброс и выбрать все.

    Включены опции Показать фильтр и Показать сброс и выбрать все.

  12. Разверните раздел Общее. Для Имени введите Выбор типа разъема.
  13. Щелкните Готово.

    Заголовок с тремя переключателями

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


Настроить действия

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

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

Настройка действий для переключателя провинций

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

  1. При необходимости щелкните на панели инструментов кнопку Вид, чтобы открыть панель Вид. Перейдите на закладку Заголовок.
  2. Перейдите к Переключателю провинций. Щелкните кнопку опций и затем Настроить.

    Настроить в меню опций

    Появится окно настройки Переключателя категорий.

  3. Перейдите на закладку Действия.

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

    Вкладка Действия

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

  4. Щелкните Фильтр, чтобы развернуть этот раздел.
  5. Включите Переключатель города.

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

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

  6. Для Поля источника выберите Province Postal Abbreviation. Для Целевого поля выберите State.

    Параметры фильтра

    Вы настроите дополнительные действия, чтобы карта, индикатор и таблица также фильтровались, когда выбрана провинция.

  7. Под Electric charging stations in Canada включите действие фильтра для Electric Charging Stations. Задайте Поле источника как Province Postal Abbreviation, а Целевое поле как State.

    Параметры Действия

  8. Включите действие фильтра для Индикатора действующих станций и Таблицы станций. Для каждого из этих элементов настройте Поле источника как Province Postal Abbreviation, а Целевое поле как State.

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

  9. В разделе Таблица станций поставьте отметку для Отображать, только если отфильтровано.

    Отмечена опция Отображать, только если отфильтровано

    Вы добавите еще одно действие в переключатель провинций, чтобы карта приближалась к выбранной провинции.

  10. Разверните раздел Приблизить к и включите Electric charging stations in Canada.

    Включен слой Electric charging stations in Canada

  11. Щелкните Готово.

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

    Операционная панель с пустой таблицей

    Вы протестируете, что настроенные вами действия работают корректно.

  12. В верхнем колонтитуле щелкните Выбрать провинцию и затем Prince Edward Island.

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

  13. В верхнем колонтитуле щелкните Выбрать город.

    Переключатель со списком городов

    Будут перечислены только города в провинции Остров Принца Эдуарда, где есть зарядные станции.

Настройка действий для переключателей города и типа разъема

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

  1. На панели Вид перейдите к Переключателю города, щелкните кнопку опций и затем щелкните Настроить.

    Настроить в меню опций

  2. Перейдите на закладку Действия.

    Переключатель города был создан на основе сгруппированных значений (вместо объектов), так что единственным доступном типом действия будет Фильтр.

  3. Разверните раздел Фильтр.
  4. Включите Переключатель типа разъема, Electric Charging Stations, Индикатор действующих станций и Таблицу станций.

    Включены четыре элемента

    Сейчас вам не нужно задавать соответствие полей, поскольку все эти соединенные элементы основаны на одном и том же слое Electric charging stations in Canada.

  5. Щелкните Готово.

    И, наконец, вы настроите действия для переключателя типа разъема.

  6. На панели Компоновка перейдите к Переключателю типа разъема, щелкните кнопку опций и затем Настроить.
  7. Щелкните вкладку Действия и разверните раздел Фильтр.
  8. Включите Electric Charging Stations, Индикатор действующих станций и Таблицу станций.

    Включены три элемента

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

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

  10. В верхнем колонтитуле щелкните Выбрать провинцию и затем Prince Edward Island.
  11. Щелкните Выбрать город и выберите Charlottetown.

    Карта, таблица и индикатор должны обновиться и отобразить меньшее число станций.

    Карта, индикатор и таблица с фильтрами

  12. В верхнем колонтитуле щелкните Выбрать тип разъема.

    Отфильтрованный список типов разъемов

    В списке стало меньше опций, чем раньше.

  13. В переключателе типов разъемов щелкните TESLA.

    Карта, таблица и индикатор должны обновиться и отобразить меньшее число станций.

Настройка действий с таблицей

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

  1. На панели Вид щелкните вкладку Основа.
  2. На вкладке Основа перейдите к Таблице станций, щелкните кнопку опций, а затем Настроить.

    Настроить в меню опций

  3. В окне настройки Таблицы щелкните вкладку Действия и разверните раздел Фильтр.
  4. Включите Детали станций и поставьте отметку для опции Отображать, только если отфильтровано.

    Детали станций включены

    Вы также настроите действие, которое подсвечивает объекты на карте, когда они выбраны в таблице.

  5. Разверните раздел Подсветить и включите Electric charging stations in Canada.

    Вы добавите еще одно действие, которое будет приближать карту к выбранному объекту.

  6. Разверните раздел Приблизить к и включите Electric charging stations in Canada.
  7. Щелкните Готово.
  8. На операционной панели щелкните любую строку в таблице.

    Выбранный объект в таблице, элементе деталей и на карте

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

Общий доступ к операционной панели

И, наконец, вы сделаете эту операционную панель доступной для просмотра.

  1. На панели инструментов операционной панели щелкните Сохранить и затем Сохранить.

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

  2. Рядом с заголовком операционной панели щелкните кнопку меню и затем Детали элемента операционной панели.

    Детали элемента операционной панели в меню панели

    Появится страница элемента операционной панели. Вы посмотрите операционную панель и протестируете ее работу перед тем, как настроите доступ.

  3. Щелкните Открыть операционную панель.

    Кнопка Открыть операционную панель

    Операционная панель появится в новой вкладке браузера. Элементы таблицы и деталей будут пустыми.

  4. С помощью операционной панели найдите зарядные станции J1772 в Thunder Bay, Ontario.

    Переключатели операционной панели с настроенными фильтрами

  5. Вернитесь на страницу элемента и щелкните Общий доступ.
  6. В окне Опубликовать выберите Для всех (общий) и щелкните Сохранить.

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

  7. На ленте щелкните Ресурсы.
  8. На странице Ресурсы в разделе Заголовок для Electric charging stations in Canada щелкните значок Обновить параметры общего доступа.

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

  9. В окне Опубликовать выберите Для всех (общий) и щелкните Сохранить.

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

Вы можете найти больше учебных пособий в галерее учебных пособий.