Сервис для стилизации гугл карт 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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Подписывайтесь на наш Telegram канал, чтобы не пропускать наши статьи 😎

Оцените нашу статью
5/54
Комментарии (0)
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *