search
Cloud Блог – Переосмыслите свой картографический опыт с помощью улучшенных маркеров Google Maps
Google Maps

Переосмыслите свой картографический опыт с помощью улучшенных маркеров Google Maps

Advanced Google Maps Markers

В течение многих лет Google Maps Platform (далее, GMP) регулярно обновляет свои продукты, чтобы предоставить своим клиентам наиболее значимые возможности на основе определения местоположения. Одним из основных элементов, с помощью которых пользователи Google карт создают иммерсивное картографирование, являются маркеры, эти разноцветные значки, которые вы видите повсюду на картах. Это также основной и один из основных способов взаимодействия пользователя с картами.

В этом блоге, мы хотели бы рассказать вам больше о запуске расширенных маркеров Google Maps на основе инсайтов Алисии Салливан, менеджера по продукту в Google Maps Platform.

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

Конечно, вы привыкли к обычным красным значкам, которые обычно появляются в выбранном вами месте на карте. Возможно у вас ранее мелькала мысль о том, а как изменить цвет пина на Google maps? Теперь можно настроить фон маркера, границу, глиф, цвет и размер, а также разместить пользовательское графическое изображение. Более того, вы можете выделить красный значок по умолчанию прямо в коде, не требуя изображения.

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

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

Итак, как изменить Google Maps маркер иконку и, если это возможно, использовать собственную картинку? Да. Теперь Google Maps обеспечивает прямую поддержку SVG и PNG для создания пользовательских маркеров. Вы можете настроить маркеры карты с помощью своего изображения, например значка или фотографии, то есть больше не нужно использовать стандартные Google Maps картинки маркеров.

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

Вы можете использовать собственные HTML и CSS для создания динамических маркеров, чтобы сделать ваши карты более интерактивными и анимированными. Поскольку все экземпляры Advanced Marker добавляются в DOM (объектную модель документа) как элементы HTML, с ними можно работать как с любым другим элементом DOM. Таким образом, вы можете применять стили CSS к маркеру по умолчанию и создать собственный Google map кастомный маркер с нуля с помощью HTML и CSS. Благодаря этим возможностям увлекательную картографию легко создать, и она не включает в себя сложные настраиваемые наложения. Например, если вы риелторская компания, вы можете визуализировать цены на недвижимость на своих маркерах и некоторую дополнительную информацию, такую как адрес, площадь и другие.

Предположим, вы считаете, что такая обширная и сложная анимация и динамика могут плохо повлиять на скорость и доступность ваших карт. Это совсем не так! Расширенные маркеры могут загружаться на 66 % быстрее, чем наши традиционные маркеры, а масштабироваться и перемещаться быстрее, чем раньше. Более того, добавить маркеры на Google Maps очень легко.

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

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

Если Вы заинтересованы в интеграции API Google Maps Platform, например Google adress validation, в свой бизнес, обратитесь к команде Google Maps специалистов Cloudfresh, которые помогут воплотить в жизнь самые амбициозные идеи.

Нужна консультация?

Cloudfresh — это уникальный центр знаний для Google CloudZendeskAsana и Gitlab. Для получения дополнительной информации о продуктах и возможностях GMP вы можете связаться с экспертами Cloudfresh, которые являются сертифицированными специалистами по продуктам Google Maps.

Что мы предлагаем?

  1. Консультации по подбору оптимального API и его интеграции;
  2. Сервисы разработки на основе платформы Google Maps, обеспечивающие эффективную реализацию API при минимальном использовании квот и максимальной производительности;
  3. Техническое обучение ваших команд всему спектру услуг, которые могут предложить API Google Карт;
  4. Техническая поддержка: решение инцидентов на платформе Google Maps, запросов на корректное использование сервисов и т. д. Техническая поддержка гарантирует ответ в рамках SLA.

Сотрудничая с Cloudfresh, вы дополнительно получаете:

  • Доступ к семиуровневой системе скидок возможен только при сотрудничестве с партнером Google Maps;
  • Оплата по счету юридическому лицу в евро, долларах США, чешских кронах, злотых, гривнах или любой другой валюте;
  • Сотрудничество на вашем родном языке, благодаря мультиязычности нашей команды;
  • Профессиональная поддержка на протяжении всего процесса использования услуг.

 

Свяжитесь с нашей командой и воспользуйтесь возможностью улучшить свою ИТ-инфраструктуру и перевести удобство работы ваших клиентов на новый уровень с помощью решений Google Maps.

Cвяжитесь с Сloudfresh