CSSкак добавить карту

Для добавления карты на веб-страницу с помощью CSS необходимо использовать специальный код для встраивания карты, который можно получить на сайте Google Maps.

1. Откройте сайт Google Maps и найдите нужное место на карте.
2. Нажмите на кнопку «Поделиться» в левом верхнем углу карты.
3. Выберите опцию «Встроить карту».
4. Настройте параметры карты (размер, тип, маркеры и т.д.) и скопируйте код для встраивания.
5. Вставьте скопированный код в HTML-код вашей веб-страницы в нужном месте.

Пример кода для встраивания карты в HTML-документ:

<div style="width: 100%; height: 400px;">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2249.154882865942!2d37.61755131582016!3d55.75582698055845!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNTXCsDU2JzA3LjIiTiAzN8KwMjcnMjAuMCJF!5e0!3m2!1sru!2sru!4v1632019942624!5m2!1sru!2sru" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>

В этом примере используется тег <iframe>, который позволяет встраивать веб-страницы и другие документы внутрь HTML-документа. В атрибуте src указывается ссылка на встраиваемую карту, а в атрибутах width и height задаются размеры карты. Также можно добавлять другие параметры для настройки карты, например, маркеры, стилизацию и т.д.