Примеры Google Карты

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

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

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

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

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

Google map example for choosing the closest location

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

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

Google map example: a compact map for balanced look

Перейти к созданию виджета

Быстро. Легко. Ни строчки кода.

Создать виджет

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

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

Google map example: an informative map with diverse infrastructure

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

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

Google map example: a custom-colored map with categorized markers

Станьте одним из 2,078,753 клиентов Elfsight Apps

Откройте для себя еще более 80 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!

Начать

Получите скидку 20% прямо сейчас!