Сервис для стилизации гугл карт 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 канал, чтобы не пропускать наши статьи 😎

Комментарии (2)
  1. Vitaliy 31 декабря, 2020, 21:26

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

    • Anton An2 4 января, 2021, 11:01

      Добрый день. А какая ошибка? Можете скинуть ссылку на скриншот?

Добавить комментарий

Ваш адрес email не будет опубликован.