Упродовж багатьох років Google Maps Platform (далі GMP) регулярно оновлює свої продукти, щоб надати своїм клієнтам найбільш значущі можливості на основі позиціонування. Одним з основних елементів, за допомогою яких користувачі карт Google створюють імерсивне картографування, є маркери, ці різнокольорові значки, які ви бачите на картах повсюди. Це також один з основних способів взаємодії користувача з картами.
У цьому блозі ми хотіли б розповісти вам більше про запуск розширених маркерів Google Maps на основі інсайтів Алісії Салліван, менеджера з продуктів Google Maps Platform.
Розширені можливості маркерів були одним із головних запитів спільноти розробників GMP. Отже, давайте подивимося, як команда Google Maps задовольнила ці вимоги і, як ви можете створювати персоналізовані та швидші за продуктивністю маркери для найкращої взаємодії з вашими клієнтами.
Звичайно, ви звикли до звичайних червоних значків, які зазвичай з’являються в обраному на карті місці. Тепер можна налаштувати фон маркера, кордон, гліф, колір і розмір, а також розмістити графічне зображення. Більше того, ви можете виділити червоний значок за замовчуванням прямо в коді, не використовуючи зображення.
Наприклад, якщо ви займаєтеся роздрібною торгівлею і ваші розташування в місті представлені на картах, ви можете налаштувати свої маркери за допомогою логотипу або знака свого бренду. Для компанії з доставки або логістики колір значка може бути змінений в залежності від статусу посилки або транспортних засобів і оновлюватися в режимі реального часу. Розширені можливості маркерів, наприклад, туристичної компанії дозволяють змінювати кольори та значки місць навколо готелів, щоб користувачам було простіше обрати ідеальний готель на основі доступних зручностей.
Тепер 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.
Замовити консультацію