Сервіс для стилізації гугл карт Snazzy Maps

Ви блокуєте рекламу

Будь ласка, вимкніть блокування реклами

Детальніше

Практично на кожному сайті необхідно встановлювати гугл карти. Колись дуже давно я це робив через iframe для простої карти, але компанія гугл створила потужний API і без нього я вже не уявляю своєї роботи. Та й клієнти все частіше хочуть бачити стилізовані гугл карти. Для цього існує відмінний сервіс для стилізації гугл карт, який візуалізує налаштування карти і генерує код, який потрібно просто вставити в ваш проект – Snazzy Maps.

Відразу раджу зареєструватися на ньому, це займає не більше хвилини. Реєстрація дозволить вам додавати в закладки вподобані карти і зберігати свої.

Вибери готовий стиль

Почнемо з вкладки “Explore Styles”. Тут ви можете вибрати потрібний стиль (і навіть поміняти його) і використовувати карту на своєму сайті.

Сервіс для стилізації гугл карт Snazzy Maps

Створи власний стиль карти

Далі йде вкладка “Create a style”. Тут ви можете створити свій власний стиль. Вибираєте основний стиль карти: Default, Light, Dark, Monochrome або імпортувати з JSON.

Сервіс для стилізації гугл карт Snazzy Maps

А далі ви можете змінити кожен елемент карти. Тут необхідно буде трохи посидіти і поекспериментувати з повзунками та палітрамі.

Сервіс для стилізації гугл карт Snazzy Maps

Після виконаної роботи можна скопіювати згенерований код.

Сервіс для стилізації гугл карт Snazzy Maps

Створи карту

Функцію, яку нещодавно додали розробники – створення довільної карти. Ви задаєте назву карти, вибираєте готовий стиль або створюєте свій. На карті можна розташувати кілька маркерів (за координатами або за назвою об’єкта), вибрати їх колір, тип і навіть завантажити своє зображення маркера. Також можна вибрати мову карти, тип, налаштувати кнопки і т.д.

Сервіс для стилізації гугл карт Snazzy Maps

Загалом, я дуже рекомендую цей сервіс, він неодноразово допомагав мені в роботі над сайтами, а стилізовані карти зараз використовуються на дуже багатьох з них.

Ви блокуєте рекламу

Будь ласка, вимкніть блокування реклами

Детальніше

>Підписуйтесь на наш Telegram канал, щоб не пропускати наші статті 😎

Comments (0)
Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *