Настройте Google Карты в Android

Вступление

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

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

На этом этапе вам может быть интересно, какие настройки возможны? Собираемся ли мы делать собственный макет в Android?

На самом деле существует довольно много возможностей для настройки карты. Подумайте о картах в мобильном приложении Uber - его культовой серой теме. Или, если вам нужно, чтобы ваше приложение поддерживало функцию дневного / ночного режима, вы можете использовать собственный стиль карты для дневного и ночного режимов. (Для Дня вы можете использовать карту по умолчанию, а для Ночи вы можете использовать темную тему → вы также увидите это на шаге 3.)

Как я уже упоминал выше, собираемся ли мы создать для всего этого свой собственный макет? Гипотетически мы могли бы, но использовать инструменты настройки Google Maps гораздо удобнее и экономичнее. Итак, давайте углубимся в это и подробно рассмотрим, как это возможно и как мы можем легко это осуществить.

В этой статье я покажу вам, насколько великолепны индивидуальные стили с помощью Google Map API.

Если вы хотите научиться чему-то из видео, пройдите по ссылке ниже и подпишитесь на мой канал 🙏

Шаг 1:

Первым шагом является добавление зависимости карты с версией 9.6.0 или более поздней, как показано в приведенном ниже фрагменте кода:

Шаг 2:

После успешного добавления зависимости теперь второй шаг - перейти на сайт Мастера стилей (mapstyle.withgoogle.com). Это инструмент, который упрощает создание собственного файла JSON в собственном стиле. Вот посмотрите на Мастера стилей:

Шаг 3:

Теперь третий шаг - нажмите кнопку «Создать стиль» и выберите свою тему в левом разделе. Здесь вы также можете настроить плотность элементов в соответствии с вашими требованиями.

Темы:

У нас есть шесть типов тем, доступных в стиле карты.

1. Стандартный
2. Серебряный (этот стиль используется в Uber)
3. Ретро
4. Темный
5. Ночь (эта тема используется в ночном режиме)
6. Баклажан

Отрегулируйте плотность функций:

В «Плотность объектов» у нас есть три типа уровней плотности.

1. Дороги: уменьшение плотности дорог приведет к удалению с нашей карты некоторых более мелких / проселочных дорог. Вы можете увидеть, как уменьшение плотности влияет на отображение внедорожных дорог.

2. Ориентиры. При уменьшении уровня плотности ориентиров некоторые ориентиры будут удалены из нашего стиля карты. Как вы можете видеть в приведенном ниже примере, уменьшение этой плотности удаляет парк из поля зрения карты:

3. Ярлыки: при уменьшении уровня плотности надписей они удаляются из местоположений нашего стиля карты. Здесь еще могут быть показаны проселочные дороги, но мы не увидим их названий.

Шаг 4:

Теперь просто нажмите кнопку «Готово» и скопируйте «Json» из появившегося окна и сохраните его на рабочем столе или в любом другом месте в формате your_file_name.json. После нажатия кнопки «Готово» вы должны увидеть следующее:

Держите этот JSON под рукой, так как он вам скоро понадобится.

Шаг 5:

Создайте каталог с именем «raw» в каталоге «res», как показано на скриншоте ниже:

Шаг 6:

Просто скопируйте файл JSON в эту папку «raw», как показано ниже:

Шаг 7:

Перейдите в свой MapActivity.java / MapActivity.kt класс, создайте объект MapStyleOption в своей onMapReady() функции и загрузите файл JSON из исходной папки. Затем передайте объект стиля карты в объект карты, как показано в фрагменте кода ниже:

Шаг 8:

Вот и все! Пора запустить код и проверить результаты. Поиграйте с ползунками и темами разной плотности, чтобы увидеть различные комбинации.

Есть также несколько расширенных функций карты, с которыми вы можете поиграть, в том числе:

1. Достопримечательности (выделите предприятия, правительственные здания, медицинские учреждения, парки, школы и т. Д.)
2. Выбор дороги
3. Общественный транспорт (выделите варианты общественного транспорта, остановки и т. Д.)
4. Вода (выберите и выделите водоемы)

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

Заключение:

В этой статье описано, как изменить стили карты (более или менее дороги, ночной режим и т. Д.) На Android с помощью SDK Google Maps. Чтобы быстро понять, как это работает, я использовал инструмент настройки карты, чтобы создать простую имитацию приложения Uber.

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

Вы также можете ознакомиться с примером проекта:

Наслаждайтесь и удачного кодирования!

Делиться (знаниями) - это забота 😊 Спасибо, что прочитали эту статью. Не забудьте аплодировать или порекомендовать эту статью, если вы нашли ее полезной. Это очень много значит для меня.

Если вам нужна помощь, присоединяйтесь ко мне в Twitter, LinkedIn, GitHub и подпишитесь на мой Канал Youtube .

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

Являясь независимой редакцией, Heartbeat спонсируется и публикуется Comet, платформой MLOps, которая позволяет специалистам по данным и группам машинного обучения отслеживать, сравнивать, объяснять и оптимизировать свои эксперименты. Мы платим участникам и не продаем рекламу.

Если вы хотите внести свой вклад, отправляйтесь на наш призыв к участникам. Вы также можете подписаться на наши еженедельные информационные бюллетени (Deep Learning Weekly и Comet Newsletter), присоединиться к нам в » «Slack и подписаться на Comet в Twitter и LinkedIn для получения ресурсов, событий и гораздо больше, что поможет вам быстрее и лучше строить лучшие модели машинного обучения.