Google Maps

Примеры Google Maps

Посмотрите, как работает Google Maps на реальных примерах. Оцените его возможности для своего сайта, какими бы ни были задачи.

1. Простая и понятная карта со стандартными настройками

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

2. Удобная карта для быстрого выбора ближайшего пункта

Эта карта демонстрирует всю сеть офисов одной компании. Чтобы объединить адреса, создан удобный список на боковой панели. Каждый маркер при наведении на него покажет подробную контактную информацию об отделении. Можно быстро выбрать ближайший пункт и прямо со страницы перейти к построению маршрута до него.

3. Компактная карта для оптимального размещения на сайте

Небольшой размер делает этот виджет прекрасным вариантом для страницы контактов или другой страницы сайта, где есть контент разных типов. Благодаря размеру и отсутствию дополнительных элементов, эта карта гармонично впишется в любой фон сайта. Она показывает автомобильные дороги и имеет всего один маркер. Пользователи также имеют возможность включить режим спутника. Применение цветовой схемы “Night” окрасило карту в темные тона.
Перейти к созданию виджета
Перейти к созданию виджета
Быстро. Легко. Ни строчки кода.
Создать виджет

4. Информативная карта с богатой инфраструктурой

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

5. Карта с маркером категории, окрашенная в индивидуальные цвета

Этот виджет - яркий пример того, как выбор цвета может сильно изменить внешний вид карты и сделать ее запоминающейся. Основной акцент здесь сделан на необычный цвет, а все остальные элементы и настройки скрыты, чтобы не перегружать дизайн. Основной маркер, демонстрирующий медицинское учреждение, имеет узнаваемый символ, он был выбран из обширной встроенной библиотеки.

Станьте одним из 100,929 клиентов Elfsight Apps

Попробуйте еще 11 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков.
Начать
Получите скидку 20% прямо сейчас!