Настройка шаблона Map Tour
Администрация города Палм-Спрингс (штат Калифорния, США) попросила вас создать мобильное приложение, которое могло бы использоваться в качестве электронного гида для гостей города. Приложение будет отображать самые популярные места на карте и сортировать их по расстоянию от пользователя. Оно должно работать на устройствах iOS и Android, как с подключением к Интернету, так и в автономном режиме.
У города есть история на карте Palm Springs story map tour, которая содержит информацию о популярных местах, а также мобильный пакет карты со всеми необходимыми данными. Вы будете использовать шаблон AppStudio for ArcGIS Map Tour, чтобы превратить этот тур в мобильное кроссплатформенное приложение.
Шаблон Map Tour идеально подходит для последовательного повествования, сопровождаемого изображениями, аудио и видео. Каждая «точка повествования» имеет геолокацию. Пользователи могут последовательно прощелкивать повествование, используя карту или дополнительную карусель эскизов.
Примечание:
Шаблон Map Tour основан на шаблоне приложений Story Map Tour. Рекомендуется, чтобы у вас уже была создана история на карте, а уже потом создавать мобильное приложение. Попробуйте урок Learn ArcGIS Начало работы с картой-историей, чтобы узнать более подробно, как создать Story Map Tour.
Создание приложения
Сначала вы загрузите и установите AppStudio for ArcGIS. Затем вы построите приложение при помощи шаблона Map Tour.
- Откройте AppStudio for ArcGIS Desktop Edition.
Примечание:
Если у вас нет AppStudio for ArcGIS Desktop Edition, вы можете загрузить его со страницы документации AppStudio for ArcGIS. Запустите скачанный файл, чтобы начать процесс инсталляции. Следуйте инструкциям мастера для установки программы.
- Щелкните Войти и выберите Войти.
- Войдите с помощью лицензированной учетной записи ArcGIS.
Примечание:
Если у вас нет учетной записи организации ArcGIS, можно подписаться на бесплатную пробную версию ArcGIS. Если у вашей учетной записи ArcGIS нет лицензии AppStudio for ArcGIS, попросите администратора организации, чтобы назначил вам лицензию.
- Щелкните Новое приложение.
Появится окно Новое приложение. Там несколько шаблонов и стилей приложений.
- Щелкните вкладку Шаблоны и выберите шаблон Map Tour.
Появятся краткая информация и описание выбранного шаблона.
- Щелкните Создание.
Новое приложение будет создано при помощи шаблона Map Tour и появится в списке с другими приложениями. Если вы впервые используете AppStudio for ArcGIS, это будет единственное приложение. Боковая панель предоставляет более подробную информацию о приложении, включая название.
- Убедитесь, что новое приложение выбрано в списке приложений. На боковой панели щелкните кнопку Редактировать заголовок.
- Измените заголовок на Palm Springs Map Tour и щелкните кнопку Сохранить изменения.
Настройка вашего приложения
Дизайн вашего приложения должен соответствовать вашей организации или функциональности приложения. Чтобы повысить визуальную привлекательность и информативность вашего приложения, надо добавить изображения, описания, значки и шрифты.
- Убедитесь, что ваше приложение выбрано в списке приложений. На боковой панели щелкните кнопку Настройки.
Откроется окно Параметры AppStudio Для начала вы замените стандартный образец.
- Сохраните example thumbnail image на компьютере.
- В окне Параметры AppStudio на вкладке Подробности щелкните образец по умолчанию.
Появится окно Открытие.
- Найдите и дважды щелкните изображение thumbnail-palm.
Появится сообщение, что копия этого изображения заменит текущий образец.
- Щелкните Да.
Образец обновится.
- В окошке Краткая информация замените текст по умолчанию на следующее: Twenty-one places to go in this desert resort town.
- В окошке Описание замените описание по умолчанию на: Palm Springs, California, is an American Shangri-La in a unique desert environment with endless sun, rediscovered mid-century architecture, and a fun, relaxed atmosphere.
Далее вы добавите значое, который будет представлять приложение на смартфонах и прочих устройствах.
- Сохраните пример значка на компьютере.
- В окне Параметры AppStudio перейдите на закладку Ресурсы. Для Значок приложения щелкните значок по умолчанию.
- В окне Выбрать изображение укажите и дважды щелкните изображение icon-palm.
Добавится новый значок. Вы также добавите фоновое изображение и файл пользовательских шрифтов для текстов.
- Сохраните пример фонового изображения и пример файла пользовательских шрифтов на компьютер.
- В окне Параметры AppStudio перейдите на закладку Свойства. Во вкладке Начальный экран для Фонового изображения щелкните обзорную кнопку.
- В окне Открыть укажите и дважды щелкните изображение background-palm.
- Если появится сообщение с вопросом, хотите ли вы скопировать изображение в папку приложения, щелкните Да.
Фоновое изображение добавлено.
- Для параметра Файл шрифта заголовка щелкните кнопку Обзор. Найдите и дважды щелкните текстовый файл CaviarDreams. Если появится сообщение с вопросом, хотите ли вы скопировать изображение, щелкните Да.
- В опции Файл шрифта текста укажите и дважды щелкните текстовый файл CaviarDreams, который скопирован к вам в папку assets.
Примечание:
Если вы выберете исходный текстовый файл, который скачали, то ничего не получится, потому что один и тот же файл не может быть скопирован в одну и ту же папку дважды.
Добавление данных о местоположениях
Далее вы будете использовать историю на карте Палм-Спрингс и пакет мобильной карты, предоставленный администрацией города Палм-Спрингс, чтобы добавить в приложение данные о популярных местах. Вы можете добавить карту-историю и пакет мобильной карты, указав соответствующие идентификаторы ArcGIS Online. Идентификаторы ID любых элементов ArcGIS Online содержат строку из цифр и букв и находятся в конце URL-адреса его страницы описания элемента, как показано на следующем рисунке:
- В окне Параметры AppStudio на вкладке Свойства щелкните вкладку Галерея.
- В опции Выберите существующее веб-приложение истории на карте стиля тура по карте скопируйте и вставьте ID истории на карте Палм-Спрингс (b34ffabf64b04ce480fb453d25be5b4c).
Город Палм-Спрингс хочет, чтобы это мобильное приложение работало как онлайн, так и в автономном режиме. История на карте размещена в Интернете, поэтому для того, чтобы мобильное приложение могло работать в автономном режиме, оно также должно быть подключено к пакету мобильной карты, содержащему те же данные о местоположениях, что и история на карте. Город Палм-Спрингс также предоставил для этой цели пакет мобильной карты.
- В опции Пакет мобильной карты (mmpk) ID элемента для автономной карты скопируйте и вставьте ID пакета мобильной карты Палм-Спрингс (5fe4934158104de3802965d5dddff4a3).
Еще одна спецификация приложения – местоположения должны быть отсортированы по расстоянию от пользователя.
- Прокрутите вниз до параметра Тип сортировки. Замените текст по умолчанию на distance.
Вы сделаете одну последнюю настройку приложения, изменив цвет фона текста. Вы выберете цвет фона, соответствующий зеленому цвету образца и значка вашего приложения.
- Во вкладке Свойства щелкните кнопку Тур. В опции Фоновый цвет текста замените цвет по умолчанию на #7C9B3E и нажмите Enter.
- Щелкните Применить.
Настройки применятся.
Вы также установите лицензию для ArcGIS Runtime. Если приложение не лицензировано, на карте будет отображаться водяной знак. Вы установите лицензию Lite, которая доступна бесплатно.
- Щелкните вкладку Лицензирование. В опции Лицензирование ArcGIS Runtime щелкните Установить лицензию Lite.
Окошко Ключ лицензии заполнится ключом лицензии Lite.
- Нажмите кнопку Применить. Закройте окно Параметры AppStudio.
Протестируйте свое приложение
Далее вы протестируете свое приложение. Сначала вы протестируете его в настольном приложении. Затем на мобильном устройстве.
- В AppStudio for ArcGIS убедитесь, что выбрано приложение Palm Springs Map Tour. На боковой панели щелкните Запуск.
Приложение Palm Springs Map Tour откроется в новом окне.
- Щелкните Начало работы. Когда будет предложено загрузить автономную карту, нажмите Позже.
- Щелкните каждое изображение, чтобы узнать больше о местоположении и переключаться между списком и картой. Если все устраивает, закройте приложение.
Приложение хорошо работает в настольном варианте. Далее вы загрузите его в свою учетную запись ArcGIS и протестируете на мобильном устройстве.
- В AppStudio for ArcGIS щелкните Загрузить.
Откроется окно AppStudio Загрузить Вы можете опубликовать загруженное приложение в своей организацией или для всех. Поскольку вы все еще тестируете приложение, вы не будете его сейчас публиковать. Параметры обмена могут быть изменены в ArcGIS Online и после выгрузки приложения.
- Щелкните Загрузить.
Появится сообщение, подтверждающее, что выгрузка прошла успешно.
- Закройте окно Загрузить AppStudio. Закройте AppStudio for ArcGIS.
- На своем мобильном устройстве Android или iOS скачайте и установите AppStudio Player (его можно получить в App Store, Google Play или Amazon.
- Откройте AppStudio Player. Щелкните Войти и войдите с использованием учетной записи организации ArcGIS.
Примечание:
Вы можете выбрать вход с учетной записью ArcGIS Online или ArcGIS Enterprise.
Появится Главная страница. На ней перечислены все приложения, связанные с вашей учетной записью. Приложение Palm Springs Map Tour включено в список, но вы также можете получить доступ к нему, отсканировав его QR-код.
- На вашем компьютере снова откройте AppStudio for ArcGIS Desktop Edition. Убедитесь, что приложение Palm Springs Map Tour выбрано, и щелкните QR-код.
Появится QR-код для приложения.
- На вашем мобильном устройстве в AppStudio Player щелкните изображение своего профиля.
Появится боковое меню.
- Щелкните Сканировать QR-код.
- Сканировать QR-код.
Ваше приложение автоматически запустится.
- Запустите и протестируйте свое приложение.
Вы создали и запустили приложение Palm Springs Map Tour. Приложение работает на вашем мобильном устройстве и может быть опубликовано в вашей организации или для всех.
Вы можете создать мобильное приложение Map Tour на основе любого Story Map Tour. Вам нужно только использовать идентификатор своей истории на карте вместо Палм-Спрингс. (Карта истории должна быть общедоступной.) Вы также можете создать пакет мобильной карты. Рекомендуется использовать дополнительный модуль ArcGIS Publisher с включенным анонимным использованием.
You can find more lessons in the Learn ArcGIS Lesson Gallery.