Конвертация статической карты в веб-приложение
Опубликуйте карту как веб-карту
Иногда вы начинаете с карты ArcGIS Pro, а затем понимаете, что вам нужно создать ее веб-версию, чтобы вы могли поделиться ею в интерактивной форме. Вы можете опубликовать свою карту в ArcGIS Online и продолжить свою работу там.
- Загрузите zip-файл Ancient cities in Africa и распакуйте его в папку на вашем компьютере, например, на диск C:\.
- Откройте распакованную папку и дважды щелкните Ancient cities in Africa.aprx, чтобы открыть проект в ArcGIS Pro.
- Если будет предложено, войдите под учетной записью ArcGIS.
Примечание:
Если у вас нет доступа к ArcGIS Pro или учетной записи организации ArcGIS, см. варианты доступа к программному обеспечению.
Появится карта, на которой показаны 37 древних городов Африки. Эта карта была создана на основе списка старейших постоянно населенных городов Африки в Википедии. Если вы хотите узнать, как сделать эту карту, попробуйте выполнить урок Преобразование списка исторических мест в карту.
Вам необходимо создать интерактивную версию этой карты. Вы начнете с публикации карты как веб-карты, это преобразует ее в такую карту, которую можно будет просматривать и редактировать в ArcGIS Online.
- На ленте щёлкните вкладку Общий доступ. В группе Опубликовать как щелкните Веб-карта.
- На панели Опубликовать как веб-карту измените следующие параметры:
- Для Имя введите Ancient cities in Africa web map с вашими инициалами.
- Для Краткой информации введите Некоторые из старейших постоянно населенных городов Африки.
- Для Тэгов введите название урока: Ancient History.
- В Выбрать конфигурацию выберите Копировать все данные: Исследовательские.
- Убедитесь, что Использовать типы символов, совместимые со всеми клиентами отмечено.
- В Общий доступ отметьте Все.
- Щелкните кнопку Анализировать.
На вкладке Сообщения появляются две ошибки. Вы не сможете опубликовать свою карту, пока все ошибки не будут устранены.
- Разверните сообщение об ошибке и, при необходимости, перетащите край панели, чтобы вы могли прочитать сообщение полностью.
Выявлены два типа ошибок. Во-первых, вы устраните ошибку проекции карты.
Два слоя на вашей карте имеют проекцию отличную от проекции карты. Это распространенная ошибка, поскольку веб-карты предъявляют более строгие требования к системам координат, чем ArcGIS Pro. Чтобы устранить ошибку и продолжить публикацию, вы измените систему координат своей карты, чтобы она соответствовала системе координат Web Mercator, используемой слоями базовой карты. Веб-карта должна использовать ту же систему координат, что и базовая карта.
- Наведите указатель мыши на одно из вложенных сообщений об ошибке и нажмите появившуюся кнопку Опции.
- В появившемся меню щелкните Обновить карту, чтобы использовать систему координат базовой карты.
Одно из красных сообщений об ошибке помечается зеленой отметкой, что указывает на то, что проблема устранена.
- Щелкните Анализировать ещё раз.
Ошибка проекции карты устранена, но осталась одна нерешенная ошибка.
- Дважды щелкните ошибку уникальных числовых идентификаторов.
Появится окно Свойства карты на вкладке Общие.
- Отметьте Разрешить назначение уникальных числовых ID для публикуемых веб-слоев.
- Нажмите OK.
Сообщение об ошибке помечается зеленой отметкой, что указывает на то, что проблема устранена.
- На панели Опубликовать как веб-карту щелкните Анализировать.
Ошибки или предупреждения не найдены. Когда вы обновили карту, чтобы использовать систему координат базовой карты, были устранены обе ошибки проекции.
Примечание:
Вы можете узнать больше о проекциях на веб-картах в уроке Создание веб-карты без Web Mercator.
- Щёлкните Опубликовать.
Когда публикация будет завершена, в нижней части панели появится зеленый баннер с сообщением.
- Щелкните Управление веб-картой, чтобы увидеть веб-карту в ArcGIS Online.
В браузере появится страница сведений об элементе веб-карты.
- Закройте ArcGIS Pro.
Не обязательно сохранять карту.
Настроить слои базовой карты для разных масштабов
Теперь ваша карта существует в виде веб-карты, которой вы можете поделиться со своими учениками. Однако вы бы предпочли создать немного более индивидуальный интерфейс, чтобы им было легче исследовать карту и устанавливать связи, которые вы обсуждали в классе. Один из способов добиться этого - контролировать, какие базовые карты отображаются в разных масштабах.
- В верхней части страницы информации об элементе щёлкните Вход и войдите в свою учётную запись ArcGIS. Используйте ту же учетную запись, по которой вы входили в ArcGIS Pro.
- Щелкните Открыть в Map Viewer.
Примечание:
ArcGIS Online предлагает два вьюера карт для просмотра, использования и создания карт. В этом уроке используется новый Map Viewer. Если на вашей кнопке написано Открыть в Map Viewer Classic, щелкните кнопку со стрелкой и выберите Открыть в Map Viewer.
- Если появится окно с сообщением Map Viewer вышел из бета-версии нажмите OK.
- На панели Содержание (темной) щелкните Базовая карта.
Появится список опций базовой карты. Вы хотите продолжать использовать текущую базовую карту, когда карта отдалена, но отображать базовую карту изображений, когда она приближена. Для этого вы добавите на карту несколько базовых карт и будете контролировать, когда каждая из них будет видна.
- Щелкните Текущая базовая карта с отмывкой рельефа.
Перечислены два слоя: Современная старина и World Hillshade.
- Щелкните Добавить слой.
- Вверху панели Добавить слой щелкните Мои ресурсы и выберите Living Atlas.
- В поисковом окне введите Imagery и нажмите Enter.
- В результатах поиска на карточке World Imagery нажмите кнопку Добавить слой на базовую карту.
Карта обновляется изображениями. Однако на ней нет подписей. Вы добавите их как отдельный слой.
- Найдите слой Hybrid Reference Прокрутите результаты поиска, пока не найдете слой листов Hybrid Reference Layer, принадлежащий Esri, и нажмите кнопку Добавить слой на базовую карту.
- Вверху панели Добавить слой щелкните кнопку Назад.
Теперь на панели Базовая карта перечислены четыре слоя.
- Щелкните Гибридный базовый слой.
Появится панель Свойства слоя. Вы отрегулируете его видимый диапазон, чтобы он отображался только в определенных масштабах.
- В нижней части панели Свойства для параметра Видимый диапазон щелкните Мир и измените его на Города.
Бегунок обновится, показывая, что слой будет виден только тогда, когда масштаб карты превысит масштаб Cities.
- На панели Базовая карта щелкните World Imagery. В панели Свойства для параметра Видимый диапазон щелкните Мир и измените его на Города.
Слои World Imagery и Hybrid Reference должны иметь одинаковый видимый диапазон.
Базовая карта Изображения пропадет с карты. На панели Базовая карта два верхних слоя неактивны, что указывает на то, что они в настоящее время не видны. Затем вы отрегулируете два других слоя так, чтобы они были видны только при отдалении.
- Щелкните слой Современная старина. В Видимом диапазоне щелкните Комната и измените его на Города.
- Щелкните слой World Hillshade. В Видимом диапазоне щелкните Комната и измените его на Города.
Слои Современная старина и World Hillshade должны иметь одинаковый видимый диапазон.
Затем вы проверите, что видимые диапазоны, которые вы установили для своих базовых карт, работают правильно.
- Приблизьте карту до одного из городов.
По мере приближения к городу базовая карта должна обновиться для отображения изображений.
- Уменьшайте масштаб, пока не увидите всю Африку. Отцентрируйте континент в середине карты.
Должна отображаться базовая карта Modern Antique.
- На панели Содержание щелкните Сохранить и открыть и щелкните Сохранить.
- В окне Веб-карта щелкните Сохранить карту.
Создание операционной панели
Далее вы упакуете карту в веб-приложение. Веб-приложения предоставляют более простые интерфейсы для опубликованных карт. В веб-приложении вы можете управлять параметрами карты и оптимизировать их. Вы создадите приложение, которое позволит вашим ученикам исследовать города одновременно с помощью карты и списка.
- На панели инструментов Содержание нажмите Дополнительно и Создать приложение.
Появляется несколько вариантов. Это разные методы создания веб-приложений, каждый из которых предназначен для разных форм. Чтобы выбрать лучший метод, вы должны сначала представить, как вы хотите, чтобы ваше приложение выглядело и как бы вы хотели, чтобы оно вело себя. Затем вы можете выбрать шаблон, который лучше всего соответствует вашему видению.
Для этого приложения вы хотите предоставить список всех городов, чтобы ваши ученики могли щелкать каждый город по очереди, просматривать информацию о его атрибутах и исследовать его местоположение на карте. Поэкспериментировав с ArcGIS StoryMaps и ArcGIS Instant Apps, вы обнаружили, что ArcGIS Dashboards предоставляет возможности, наиболее близкие к тому, что вы хотели.
- Щелкните Операционные панели.
- В окне Создать новую операционную панель в поле Заголовок введите Explore ancient cities in Africa с вашими инициалами.
Теги и Краткая информация уже должны быть заполнены значениями взятыми из веб-карты.
- Щелкните Создать операционную панель.
Появится новая операционная панель, на которой ваша карта заполнит все пространство. Вы добавите еще несколько элементов в это пространство, но начнете с настройки карты.
- Наведите курсор на левый верхний угол карты пока не появится набор кнопок. Щелкните кнопку Настроить.
- В окне Карта на вкладке Настройки отключите Всплывающие окна.
Вы предоставите атрибуты данных в другом месте приложения, поэтому включение всплывающих окон будет лишним.
Большую часть времени карта будет увеличена до разных городов. Вам понадобится кнопка экстента по умолчанию, чтобы ваши ученики могли легко вернуться к масштабу, в котором они могут видеть всю Африку.
- Включите Экстент по умолчанию и закладки.
Вы добавите еще несколько элементов управления, чтобы упростить навигацию по карте.
- Включите Поиск и Увеличить/Уменьшить.
- Щелкните Готово.
Затем вы добавите элемент сведений, чтобы показать атрибуты каждого города.
- На панели инструментов операционной панели нажмите Вид.
Подсказка:
В нижней части панели инструментов операционной панели вы можете нажать Развернуть или Свернуть, чтобы развернуть или свернуть панель инструментов.
Чтобы создать элемент детали, вы должны выбрать слой, из которого он будет создан. Вы выберете единственный слой на своей панели инструментов: слой ancient cities.
- На панели Вид щелкните Добавить элемент и выберите Детали.
- В окне Выбрать слой Africa_Geocoded.
Появятся предварительный просмотр и параметры для элемента детали. Вы ожидаете, что большинство ваших учеников будут просматривать это приложение на мобильном устройстве, а не на настольном компьютере, поэтому вы будете искать способы сэкономить место.
- Щелкните вкладку Детали и выключите Заголовок.
Заголовок такой же, как и поле Имя, так что он не нужен.
- Щелкните Готово.
Элемент Детали появляется в предварительном просмотре операционной панели рядом с вашей картой, занимая половину пространства операционной панели. Позже вы переставите все элементы.
Настроить интерактивный список
Затем вы добавите элемент списка, чтобы показать все города. Вы также будете использовать действия для подключения списка к остальной операционной панели, чтобы учащиеся могли использовать его в качестве инструмента навигации.
- На панели Вид нажмите кнопку Добавить элемент и выберите Список.
- В окне Выбрать слой Africa_Geocoded.
Появятся предварительный просмотр списка и параметры. В вашем наборе данных 37 городов, вы убедитесь, что все они включены в список.
- На панели Опции данных для Отображено максимальное число объектов введите 37.
Затем вы удалите символы точек, которые появляются рядом с каждым названием города в списке. Это сэкономит место, что очень ценно на небольших экранах.
- Щёлкните вкладку Список. Для Значок элемента Линия выберите Нет.
Символы точек исчезнут из списка.
Наконец, вы свяжете список с элементами карты и деталями, чтобы при щелчке по городу в списке реагировала остальная часть операционной панели.
- Перейдите на закладку Действия. В разделе При изменении выборки разверните Фильтр.
Вы будете фильтровать элемент детали всякий раз, когда в элементе списка делается выбор.
- В разделе Фильтр включите Детали (1).
Затем вы добавите дополнительные действия, чтобы карта также реагировала на выбор в списке.
- Разверните Переместить и включите веб-карту Ancient cities in Africa. Разверните Масштабировать и включите веб-карту Ancient cities in Africa.
- Щелкните Готово.
- На операционной панели в элементе списка щелкните один из городов в списке.
Элемент детали заполняется информацией об этом городе, и карта приближается к городу, показывая базовую карту изображений.
Перегруппировка операционной панели
В настоящее время список занимает большую часть места на операционной панели. Вы бы предпочли, чтобы карта была самым большим элементом. Вы также должны убедиться, что компоновка работает как на настольных, так и на мобильных экранах.
- Наведите курсор на верхний угол элемента списка, пока не появятся кнопки. Щелкните и удерживайте кнопку Перетащить элемент.
- Перетащите элемент списка на элемент карты, пока не появятся позиции закрепления окна. Перетащите список в нижнюю позицию закрепления окон, чтобы закрепить его как строку.
- Перетащите элемент деталей и закрепите его как столбец справа от элемента списка.
Теперь на операционной панели вверху отображается карта, а внизу - элементы списка и детали.
- Наведите курсор на разделитель между картой и другими элементами и перетащите его вниз, пока оно не достигнет примерно 60 процентов.
- Перетащите разделитель между элементами списка и деталями, пока оно не достигнет примерно 30 процентов.
Элемент деталей должен иметь большее пространство. Затем вы проверите, работает ли этот макет на небольшом экране.
- Нажмите Ctrl+Shift+I, чтобы открыть окно проверки вашего браузера. Нажмите Ctrl+Shift+M, чтобы переключиться в режим адаптивного дизайна.
Примечание:
Перечисленные комбинации быстрого доступа работают в Chrome, Firefox и Microsoft Edge. Если вы используете Safari, введите Option+Command+R. Если вы используете Internet Explorer, нажмите F12, затем Ctrl+Shift+M.
Вид операционной панели уменьшается, имитируя экран мобильного устройства.
- Поэкспериментируйте с перемещением, масштабированием, прокруткой и щелчками в небольшом окне операционной панели.
Этот вид операционной панели включает в себя ленту вверху с элементами управления редактированием панели. Они не появятся в окончательной версии операционной панели, поэтому у вас будет немного больше вертикального пространства.
Эта компоновка удобочитаема и может использоваться как на настольном компьютере, так и на экране мобильного устройства.
Добавление текста описания к операционной панели.
Чтобы заполнить операционную панель, вы добавите некоторую информацию о карте и несколько вопросов, которые помогут студентам исследовать ее.
- Закройте окно проверки, чтобы вернуться к обычному виду операционной панели.
- На панели Вид нажмите кнопку Добавить элемент и щелкните Форматированный текст.
- В текстовом редакторе вставьте следующее:
Древние города Африки
Карта показывает Некоторые из старейших постоянно населенных городов Африки. Щелкните названия городов в списке, чтобы посетить каждый из этих древних городов на современной карте.
Изучая изображения карты, сможете ли вы найти какие-либо свидетельства, указывающие на древнее прошлое; например, старые кварталы или постройки? Если да, то в каких городах?
На этой карте показаны только те места, которые до сих пор заселены. Некоторые места, которые в прошлом были важными городами, теперь превратились в небольшие деревни. Вы можете найти их на этой карте?
Некоторые другие важные города прошлого больше не заселены, например, Большой Зимбабве. Можете ли вы найти руины Большого Зимбабве на этой карте?
Подсказка:
Нажмите Ctrl+Shift+V, чтобы вставить текст без исходного форматирования. Если вы используете Safari, нажмите Command+Shift+V.
- Выделите первую строку текста и щелкните кнопку Полужирный.
- Выделите первое упоминание о Большом Зимбабве и нажмите кнопку Ссылка.
- В окне Ссылка для URL вставьте https://en.wikipedia.org/wiki/Great_Zimbabwe. Нажмите OK.
- Выделите весь текст после на современной карте. Щелкните кнопку Добавить/убрать пронумерованный список.
- Щелкните Готово.
- Перетащите элемент форматированного текста в центр карты, чтобы состыковать два элемента.
Элемент форматированного текста скрыт за картой, и к нему можно получить доступ с помощью вкладки под картой.
- Щелкните вкладку Форматированный текст под картой.
- В списке выберите и отмените выбор городов, чтобы протестировать операционную панель.
Появится текст, заменяющий карту. Может показаться, что места для текста слишком много, но дополнительное пространство потребуется при просмотре операционной панели на мобильном устройстве.
- На вкладке Форматированный текст нажмите кнопку редактирования.
- Введите О карте и нажмите Enter, чтобы переименовать вкладку.
- Щелкните вкладку Карта. Изучите операционную панель, чтобы убедиться, что она работает так, как вы ожидаете.
Сохранение и публикация операционной панели
Вы готовы поделиться своей операционной панелью со студентами. Вы обновите уровень доступа и метаданные и отправите им правильный URL-адрес для совместного использования.
- На панели инструментов операционной панели щелкните Сохранить и затем Сохранить.
- В верхней части экрана, рядом с заголовком операционной панели, нажмите кнопку меню и щелкните Детали элемента операционной панели.
Откроется страница элемента для вашей операционной панели. Вы добавите некоторые метаданные перед публикацией.
- Рядом с Добавьте краткую информацию об элементе щелкните Редактировать и введите Некоторые из старейших постоянно населенных городов Африки. Щелкните Сохранить.
- Также отредактируйте Описание. Введите или скопируйте и вставьте Источник информации: https://en.wikipedia.org/wiki/List_of_oldest_continuously_inhabited_cities.
Затем вы предоставите общий доступ к операционной панели, чтобы ваши студенты могли ее просматривать, даже если они не вошли в ArcGIS Online.
- Щёлкните Опубликовать. В окне Опубликовать щелкните Для всех (общий) и щелкните Сохранить.
- На странице краткой информации об элементе под URL щелкните кнопку Копировать.
Это URL, которым вы можете поделиться со своими студентами.
Подсказка:
Если ваших студентов просят войти в систему перед доступом к операционной панели, убедитесь, что и операционная панель, и карта доступны Для всех (общий).
- Щелкните Просмотр операционной панели, чтобы увидеть готовое приложение в новой вкладке.
Веб-карты и статические карты имеют разные преимущества и имеют разные проблемы. Если ваша карта начинается с одной формы, вы не ограничены ею. В этом руководстве вы преобразовали статическую карту в интерактивное веб-приложение и воспользовались некоторыми преимуществами этой формы, включая несколько базовых карт, управление диапазоном видимых масштабов, интерактивные списки и атрибутивные виды. Вы узнали, как предоставить общий доступ к карте из ArcGIS Pro в ArcGIS Online, преобразовать веб-карту в приложение операционной панели и настроить компоновку операционной панели, которая может работать как на настольных, так и на мобильных устройствах.
Чтобы узнать больше о создании компоновок веб-приложений, попробуйте урок Создание компоновки для тематической карты в ArcGIS Experience Builder.
Вы можете найти больше уроков по картографии на странице Как создать карту.
