Карта Google для сайта
Введите адрес или название места. В предпросмотре показана карта, а код сразу адаптивный и занимает всю ширину страницы на телефоне.
Как пользоватьсяКарта с адресом на сайте
Доступно на: 
Карта Google для сайта: для чего нужен
Введите адрес или название места и выберите масштаб, тип (карта, спутник или спутник с улицами), высоту и скругление углов. В предпросмотре показана настоящая карта, а код выдаётся с шириной 100%, отложенной загрузкой (loading=lazy) и заголовком для доступности.
Инструмент также создаёт ссылку «Как проехать», которая открывает маршрут в Google Maps или в приложении на телефоне.
Как пользоваться
- Введите адрес вашей компании.
- Настройте масштаб, тип и высоту карты.
- Скопируйте код карты и ссылку «Как проехать».
Когда использовать
- Страница контактов магазинов, клиник и ресторанов.
- Сайты мероприятий и свадеб.
- Лендинги местного бизнеса.
Частые вопросы
Нужен ли ключ API Google?
Нет. Код использует простой адрес для встраивания Google Maps (maps.google.com с output=embed), который не требует ключа. Для карт с особым стилем или множеством меток уже потребуется API Google Maps.
Замедляет ли карта сайт?
iframe Google тяжёлый. В коде используется loading="lazy", поэтому карта загружается, только когда посетитель долистает до неё. Размещайте карту в конце страницы, рядом с контактами.
Как сделать кнопку «Как проехать»?
Используйте сгенерированную ссылку: она открывает Google Maps (или приложение на телефоне) с маршрутом до адреса. Хорошо работает на кнопке рядом с картой.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.