Создание вашего первого веб-интерфейса

Шаг 1
1Начало работы с шаблоном
Шаг 2
2Выбор темы
Шаг 3
3Выбор исходных данных
Шаг 4
4Добавление и подключение виджетов
Шаг 5
5Настройка компоновок для всех устройств
Шаг 6
6Сохранение, предварительный просмот и публикация

1. Начало работы с шаблоном

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

  • Новые и заслуживающие внимания
  • 3D
  • Люди
  • Среда
  • Туризм
  • Инфраструктура
  • Данные
  • Документ
  • Business Analyst
Подсказка:

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

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

Подсказка:

Вы также можете получить доступ к Experience Builder из средства запуска приложений в ArcGIS Online, Map Viewer, Scene Viewer, на странице элемента карты или сцены или с вкладки Мои ресурсы на странице ресурсов. Когда вы начинаете с карты или сцены, приложение уже включает виджет Карта, связанный с данными.

Лицензия:

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

2. Выбор темы

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

3. Выбор исходных данных

На вкладке Данные можно выбрать несколько 2D и 3D источников данных для использования виджетами в приложении. Можно подключиться к различным типам данных, таким как веб-карты, веб-сцены, размещенные слои, сервисы и таблицы объектов.

4. Добавление и подключение виджетов

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

5. Настройка компоновок для всех устройств

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

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

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

Подсказка:

Для получения последних новостей, советов и примеров по началу работы с Experience Builder изучите соответствующие статьи блога.