
Сервис для стилизации гугл карт Snazzy Maps
Практически на каждом сайте необходимо устанавливать гугл карты. Когда-то очень давно я это делал через iframe для простой карты, но компания гугл создала мощное API и без него я уже не представляю своей работы. Да и клиенты все чаще хотят видеть стилизованные гугл карты. Для этого существует отличный сервис для стилизации гугл карт, который визуализирует настройки карты и генерирует код, который нужно просто вставить в ваш проект — Snazzy Maps.
Сразу советую зарегистрироваться на нем, это занимает не больше минуты. Регистрация позволит вам добавлять в закладки понравившиеся карты и хранить свои.
Выбери готовый стиль
Начнем с вкладки «Explore Styles». Здесь вы можете выбрать понравившийся стиль (и даже поменять его) и использовать карту на своем сайте.
Создай собственный стиль карты
Дальше идет вкладка «Create a style». Тут вы можете создать свой собственный стиль. Выбираете основной стиль карты: Default, Light, Dark, Monochrome или импортироват из JSON.
А дальше вы можете кастомизировать каждый элемент карты. Тут необходимо будет немного посидеть и поэкспериментировать с ползунками и палитрами.
После проделанной работы можно скопировать сгенерированный код.
Создай карту
Функцию, которую недавно добавили разработчики — создание произвольной карты. Вы задаете название карты, выбираете готовый стиль или создаете свой. На карте можно расположить несколько маркеров (по координатам или по названию объекта), выбрать их цвет, тип и даже загрузить свое изображение маркера. Также можно выбрать язык карты, тип, настроить кнопки и т.д.
В общем, я очень рекомендую этот сервис, он неоднократно помогал мне в работе над сайтами, а стилизованные карты сейчас используются на очень многих из них.
Подписывайтесь на наш Telegram канал, чтобы не пропускать наши статьи 😎

Добрый день! Хочу попросить помощи: при попытке встроить фрейм снэззи мапс в конструкторе гугл сайт ошибка. Пропадает через секунду после обновления стреницы. Всплывает ошибка карт . Как всё-таки ее встроить?
Добрый день. А какая ошибка? Можете скинуть ссылку на скриншот?