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 maps з кастомними пінами.

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

То ж як змінити Google Maps marker іконку, або ж чи можливо, використати власноруч обране зображення? Так. Тепер 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 address validation у свій бізнес, зверніться до команди Google Maps спеціалістів Cloudfresh, які допоможуть втілити в життя найамбітніші ідеї.

Потрібна консультація щодо Google Maps?

Cloudfresh – це унікальний центр знань для Google Maps, 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.

Зв'яжіться з Сloudfresh
Кошик

Ваш кошик пустий

Перейти до каталогу