Skip To Content

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

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

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

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

  1. Если необходимо, откройте свою Карту эвакуации Хьюстона.
  2. Щелкните кнопку Общий доступ на ленте.

    Карта доступна для всех.

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

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

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

  4. Щелкните вкладку Презентация карты.

    Презентуйте карту

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

    Примечание:

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

  5. Щелкните приложение Основной вьюер. Щелкните Создать веб-приложение.

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

  6. Измените Название на Зоны риска для населения в Хьюстоне.
  7. Щелкните Готово

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

    Настраиваемое приложение по умолчанию

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

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

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

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

  2. В строке Детали щелкните Редактировать. Введите (или скопируйте и вставьте) следующий текст:

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

    Подсказка:

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

    Параметры вкладки Общие

  3. Щелкните вкладку Тема.

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

  4. Для Цвета заголовка выберите голубой (#0084A8), вторая строка снизу, четвертый столбец справа.

    Цвет заголовка

  5. Для цвета текста заголовка и цвета кнопок выберите светло-серый (#EBEBEB), вторая строка, первый столбец.
  6. Для цвета фона выберите серый более темного оттенка (#D6D6D6), третья строка, первый столбец.
  7. Для цвета текста выберите черный (#1A1A1A).

    Параметры вкладки Тема

  8. Ниже карты щелкните Сохранить.

    Установленные параметры сохранены и применены к приложению. Далее вы настроить инструменты навигации, которые хотите отображать в своем приложении.

  9. Перейдите на закладку Опции.

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

  10. Снимите отметку с опций Галерея базовых карт и Закладки. Отметьте опцию Легенда.

    Опция Легенда

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

  11. Щелкните закладку Поиск.
  12. Снимите отметку с инструмента Включить поиск.

    Инструмент Включить поиск

  13. Нажмите Сохранить.

    Обзор финальной настройки приложения

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

    Откроется страница элемента.

Редактирование описания элемента

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

  1. Под Информацией об элементе, рядом с Улучшение верхнего уровня щелкните Добавить краткую информацию.

    Дополнение информации

    Откроется окно Редактировать краткую информацию.

  2. Введите (или скопируйте и вставьте) следующий текст:

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

    Окно Редактировать краткую информацию

  3. Нажмите Сохранить.

    Строка Информация об элементе обновится, так как вы ее дополнили. Далее мы рекомендуем добавить описание.

  4. Рядом с Улучшение верхнего уровня щелкните Добавить описание.

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

  5. Введите (или скопируйте и вставьте) следующий текст:

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

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

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

  6. Нажмите Сохранить.

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

  7. Рядом с Информацией об элементе щелкните Более подробно.

    Отображается полный список необходимых разделов информации. У вас не заполнен только один пункт: Добавить условия использования.

    Развернутый список составляющих информации об элементе

  8. Щелкните Добавить условия использования

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

  9. Введите Отсутствуют. Данные общедоступны. Нажмите Сохранить.

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

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

  10. Сохраните Готовый образец на компьютере.
  11. Щелкните Редактировать образец.

    Кнопка Редактировать образец

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

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

  14. Нажмите OK.

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

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

Что дальше? Попробуйте другие уроки по созданию карт ArcGIS Online, например, Боремся с детской нищетой при помощи демографического анализа or Отслеживание преступлений в целях обеспечения правопорядка. Чтобы узнать больше о пространственном анализе и решении пространственных задач, попробуйте Анализ доступности убежищ при извержении вулкана на Гавайях или Выявление риска оползней в штате Колорадо. Если вы хотите более подробно познакомиться с созданием веб-приложений, попробуйте Начало работы с Story Maps или Оползень в штате Вашингтон – до и после.

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