В течение многих лет Google Maps Platform (далее, GMP) регулярно обновляет свои продукты, чтобы предоставить своим клиентам наиболее значимые возможности на основе определения местоположения. Одним из основных элементов, с помощью которых пользователи Google карт создают иммерсивное картографирование, являются маркеры, эти разноцветные значки, которые вы видите повсюду на картах. Это также основной и один из основных способов взаимодействия пользователя с картами.
В этом блоге, мы хотели бы рассказать вам больше о запуске расширенных маркеров Google Maps на основе инсайтов Алисии Салливан, менеджера по продукту в Google Maps Platform.
Расширенные возможности маркеров были одним из главных запросов сообщества разработчиков GMP. Итак, давайте посмотрим, как команда Google Map удовлетворила эти требования и как вы можете создавать персонализированные и более быстрые по производительности маркеры для наилучшего взаимодействия с вашими клиентами.
Конечно, вы привыкли к обычным красным значкам, которые обычно появляются в выбранном вами месте на карте. Теперь можно настроить фон маркера, границу, глиф, цвет и размер, а также разместить пользовательское графическое изображение. Более того, вы можете выделить красный значок по умолчанию прямо в коде, не требуя изображения.
Например, если вы занимаетесь розничной торговлей и ваши месторасположения в городе представлены на картах, вы можете настроить свои маркеры с помощью лого или знака своего бренда. Для компании по доставке или логистике цвет значка может быть изменен в зависимости от статуса посылки или транспортных средств и обновляться в режиме реального времени. Расширенные возможности маркеров, к примеру, туристической компании позволяют изменять цвета и значки мест вокруг отелей, чтобы пользователям было проще выбрать идеальный отель на основе окружающих удобств.
Теперь Google Maps обеспечивает прямую поддержку SVG и PNG для создания пользовательских маркеров. Таким образом, вы можете настроить маркеры карты с помощью своего изображения, например значка или фотографии. Чтобы создать визуально отличительные интерактивные маркеры и анимацию, вы можете использовать CSS и динамически стилизовать и анимировать расширенные маркеры, включая изменение размера, непрозрачности, положения, цвета и т. д.
Вы можете использовать собственные HTML и CSS для создания динамических маркеров, чтобы сделать ваши карты более интерактивными и анимированными. Поскольку все экземпляры Advanced Marker добавляются в DOM (объектную модель документа) как элементы HTML, с ними можно работать как с любым другим элементом DOM. Таким образом, вы можете применять стили CSS к маркеру по умолчанию и создавать собственные маркеры с нуля с помощью HTML и CSS. Благодаря этим возможностям увлекательную картографию легко создать, и она не включает в себя сложные настраиваемые наложения. Например, если вы риелторская компания, вы можете визуализировать цены на недвижимость на своих маркерах и некоторую дополнительную информацию, такую как адрес, площадь и другие.
Предположим, вы считаете, что такая обширная и сложная анимация и динамика могут плохо повлиять на скорость и доступность ваших карт. Это совсем не так! Расширенные маркеры могут загружаться на 66 % быстрее, чем наши традиционные маркеры, а масштабироваться и перемещаться быстрее, чем раньше.
Команда Google Maps также работает над улучшением специальных возможностей, позволяя пользователям перемещаться между маркерами, используя только клавиатуру. Теперь, когда на маркер нужно щелкнуть и перетащить, он может реагировать на ввод с клавиатуры и мыши.
Постоянно работая над самыми выдающимися решениями на основе местоположения, команда Google Maps позволяет вам переосмыслить одну из фундаментальных частей картографического опыта пользователей.
Cloudfresh — это уникальный центр знаний для Google Cloud, Zendesk, Asana и GitLab. Для получения дополнительной информации о продуктах и возможностях GMP вы можете связаться с экспертами Cloudfresh, которые являются сертифицированными специалистами по продуктам Google Maps:
Что мы предлагаем?
- Консультации по подбору оптимального API и его интеграции;
- Сервисы разработки на основе платформы Google Maps, обеспечивающие эффективную реализацию API при минимальном использовании квот и максимальной производительности;
- Техническое обучение ваших команд всему спектру услуг, которые могут предложить API Google Карт;
- Техническая поддержка: решение инцидентов на платформе Google Maps, запросов на корректное использование сервисов и т. д. Техническая поддержка гарантирует ответ в рамках SLA.
Сотрудничая с Cloudfresh, вы дополнительно получаете:
- Доступ к семиуровневой системе скидок возможен только при сотрудничестве с партнером Google Maps;
- Оплата по счету юридическому лицу в евро, долларах США, чешских кронах, злотых, гривнах или любой другой валюте;
- Сотрудничество на вашем родном языке, благодаря мультиязычности нашей команды;
- Профессиональная поддержка на протяжении всего процесса использования услуг.
Свяжитесь с нашей командой и воспользуйтесь возможностью улучшить свою ИТ-инфраструктуру и перевести удобство работы ваших клиентов на новый уровень с помощью решений Google Maps.
Заказать консультацию