Настройка шаблона 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.

  1. Откройте AppStudio for ArcGIS Desktop Edition.
    Примечание:

    Если у вас нет AppStudio for ArcGIS Desktop Edition, вы можете загрузить его со страницы документации AppStudio for ArcGIS. Запустите скачанный файл, чтобы начать процесс инсталляции. Следуйте инструкциям мастера для установки программы.

  2. Щелкните Войти и выберите Войти.

    Опция входа

  3. Войдите с помощью лицензированной учетной записи ArcGIS.
    Примечание:

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

  4. Щелкните Новое приложение.

    Появится окно Новое приложение. Там несколько шаблонов и стилей приложений.

  5. Щелкните вкладку Шаблоны и выберите шаблон Map Tour.

    Шаблон Map Tour

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

  6. Щелкните Создание.

    Новое приложение будет создано при помощи шаблона Map Tour и появится в списке с другими приложениями. Если вы впервые используете AppStudio for ArcGIS, это будет единственное приложение. Боковая панель предоставляет более подробную информацию о приложении, включая название.

  7. Убедитесь, что новое приложение выбрано в списке приложений. На боковой панели щелкните кнопку Редактировать заголовок.

    Кнопка Редактировать заголовок

  8. Измените заголовок на Palm Springs Map Tour и щелкните кнопку Сохранить изменения.

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

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

  1. Убедитесь, что ваше приложение выбрано в списке приложений. На боковой панели щелкните кнопку Настройки.

    Кнопка Настройки

    Откроется окно Параметры AppStudio Для начала вы замените стандартный образец.

  2. Сохраните example thumbnail image на компьютере.
  3. В окне Параметры AppStudio на вкладке Подробности щелкните образец по умолчанию.

    Образец по умолчанию

    Появится окно Открытие.

  4. Найдите и дважды щелкните изображение thumbnail-palm.

    Появится сообщение, что копия этого изображения заменит текущий образец.

  5. Щелкните Да.

    Образец обновится.

  6. В окошке Краткая информация замените текст по умолчанию на следующее: Twenty-one places to go in this desert resort town.
  7. В окошке Описание замените описание по умолчанию на: 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.

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

  8. Сохраните пример значка на компьютере.
  9. В окне Параметры AppStudio перейдите на закладку Ресурсы. Для Значок приложения щелкните значок по умолчанию.

    Значок приложения по умолчанию

  10. В окне Выбрать изображение укажите и дважды щелкните изображение icon-palm.

    Добавится новый значок. Вы также добавите фоновое изображение и файл пользовательских шрифтов для текстов.

  11. Сохраните пример фонового изображения и пример файла пользовательских шрифтов на компьютер.
  12. В окне Параметры AppStudio перейдите на закладку Свойства. Во вкладке Начальный экран для Фонового изображения щелкните обзорную кнопку.

    Обзорная кнопка для параметра Фоновое изображение

  13. В окне Открыть укажите и дважды щелкните изображение background-palm.
  14. Если появится сообщение с вопросом, хотите ли вы скопировать изображение в папку приложения, щелкните Да.

    Фоновое изображение добавлено.

  15. Для параметра Файл шрифта заголовка щелкните кнопку Обзор. Найдите и дважды щелкните текстовый файл CaviarDreams. Если появится сообщение с вопросом, хотите ли вы скопировать изображение, щелкните Да.
  16. В опции Файл шрифта текста укажите и дважды щелкните текстовый файл CaviarDreams, который скопирован к вам в папку assets.
    Примечание:

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

Добавление данных о местоположениях

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

ID пакета мобильной карты Palm Springs

  1. В окне Параметры AppStudio на вкладке Свойства щелкните вкладку Галерея.
  2. В опции Выберите существующее веб-приложение истории на карте стиля тура по карте скопируйте и вставьте ID истории на карте Палм-Спрингс (b34ffabf64b04ce480fb453d25be5b4c).

    Story Map ID

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

  3. В опции Пакет мобильной карты (mmpk) ID элемента для автономной карты скопируйте и вставьте ID пакета мобильной карты Палм-Спрингс (5fe4934158104de3802965d5dddff4a3).

    Еще одна спецификация приложения – местоположения должны быть отсортированы по расстоянию от пользователя.

  4. Прокрутите вниз до параметра Тип сортировки. Замените текст по умолчанию на distance.

    Параметр Тип сортировки

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

  5. Во вкладке Свойства щелкните кнопку Тур. В опции Фоновый цвет текста замените цвет по умолчанию на #7C9B3E и нажмите Enter.

    Опция Фоновый цвет текста

  6. Щелкните Применить.

    Настройки применятся.

    Вы также установите лицензию для ArcGIS Runtime. Если приложение не лицензировано, на карте будет отображаться водяной знак. Вы установите лицензию Lite, которая доступна бесплатно.

  7. Щелкните вкладку Лицензирование. В опции Лицензирование ArcGIS Runtime щелкните Установить лицензию Lite.

    Кнопка Установить лицензию Lite

    Окошко Ключ лицензии заполнится ключом лицензии Lite.

  8. Нажмите кнопку Применить. Закройте окно Параметры AppStudio.

Протестируйте свое приложение

Далее вы протестируете свое приложение. Сначала вы протестируете его в настольном приложении. Затем на мобильном устройстве.

  1. В AppStudio for ArcGIS убедитесь, что выбрано приложение Palm Springs Map Tour. На боковой панели щелкните Запуск.

    Кнопка Запуск

    Приложение Palm Springs Map Tour откроется в новом окне.

    Приложение Palm Springs Map Tour

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

    Приложение хорошо работает в настольном варианте. Далее вы загрузите его в свою учетную запись ArcGIS и протестируете на мобильном устройстве.

  4. В AppStudio for ArcGIS щелкните Загрузить.

    Кнопка Загрузить

    Откроется окно AppStudio Загрузить Вы можете опубликовать загруженное приложение в своей организацией или для всех. Поскольку вы все еще тестируете приложение, вы не будете его сейчас публиковать. Параметры обмена могут быть изменены в ArcGIS Online и после выгрузки приложения.

  5. Щелкните Загрузить.

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

  6. Закройте окно Загрузить AppStudio. Закройте AppStudio for ArcGIS.
  7. На своем мобильном устройстве Android или iOS скачайте и установите AppStudio Player (его можно получить в App Store, Google Play или Amazon.
  8. Откройте AppStudio Player. Щелкните Войти и войдите с использованием учетной записи организации ArcGIS.
    Примечание:

    Вы можете выбрать вход с учетной записью ArcGIS Online или ArcGIS Enterprise.

    Появится Главная страница. На ней перечислены все приложения, связанные с вашей учетной записью. Приложение Palm Springs Map Tour включено в список, но вы также можете получить доступ к нему, отсканировав его QR-код.

  9. На вашем компьютере снова откройте AppStudio for ArcGIS Desktop Edition. Убедитесь, что приложение Palm Springs Map Tour выбрано, и щелкните QR-код.

    Кнопка QR-код

    Появится QR-код для приложения.

  10. На вашем мобильном устройстве в AppStudio Player щелкните изображение своего профиля.

    Появится боковое меню.

  11. Щелкните Сканировать QR-код.

    Кнопка Сканировать QR код

  12. Сканировать QR-код.

    Ваше приложение автоматически запустится.

  13. Запустите и протестируйте свое приложение.

Вы создали и запустили приложение Palm Springs Map Tour. Приложение работает на вашем мобильном устройстве и может быть опубликовано в вашей организации или для всех.

Вы можете создать мобильное приложение Map Tour на основе любого Story Map Tour. Вам нужно только использовать идентификатор своей истории на карте вместо Палм-Спрингс. (Карта истории должна быть общедоступной.) Вы также можете создать пакет мобильной карты. Рекомендуется использовать дополнительный модуль ArcGIS Publisher с включенным анонимным использованием.

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