Как пользоваться: Генератор карт Google Maps
- Введите адрес, название организации или координаты.
- Задайте масштаб (15 — улица, 11 — город), тип карты и язык подписей.
- Выберите высоту и скругление углов; оставьте ленивую загрузку включённой, чтобы карта не замедляла страницу.
- Скопируйте код встраивания, а также ссылку на маршрут или «Открыть в Картах» для кнопки.
API-ключ не нужен
Встраивание использует публичный адрес Google Maps для вставки карт с вашим поисковым запросом, масштабом, типом карты и языком, поэтому работает без аккаунта Google Cloud и без подключения оплаты. Для собственного оформления, нескольких маркеров или JavaScript API ключ понадобится — но для страницы «Как нас найти» этого более чем достаточно.
Ссылки, которые открывают приложение Карт
Ссылки маршрута и поиска используют официальные адреса Google Maps (google.com/maps/dir/?api=1 и /search/?api=1). На телефонах они открывают приложение Google Maps, на компьютере — Карты в браузере.
Карта адаптируется под ширину контейнера и занимает заданную вами высоту. Атрибут loading="lazy" откладывает загрузку, пока посетитель не прокрутит страницу к карте, что ускоряет открытие страницы. Также полезно: Генератор кода видео, Генератор схемы разметки (добавьте разметку LocalBusiness с вашим адресом).
Также ищут как: генератор карт google, встроить карту google, google maps iframe, адаптивная карта google, карта google без api ключа.
Инструменты, которые хорошо сочетаются с Генератор карт Google Maps
- Генератор QR-кодов — Создайте QR-код для ссылки, Wi-Fi, контакта, email, номера телефона или SMS.
- Генератор mailto-ссылок — Создайте email-ссылку, которая открывает почтовое приложение посетителя с уже заполненными полями: получатели, CC и BCC, тема и многострочный текст письма.
- HTML и CSS в Webflow — Вставьте HTML и его CSS, нажмите Скопировать в Webflow и вставьте результат в Designer.
- Тест скорости страницы — Запустите Google Lighthouse для любого URL в мобильном или десктопном режиме.