Карта может быть создана с помощью HTML и CSS. Вот пример кода для создания карты:
HTML:
<div class="map">
<div class="marker"></div>
</div>
CSS:
.map {
width: 500px;
height: 300px;
background-image: url('map.jpg');
background-size: cover;
position: relative;
}
.marker {
width: 20px;
height: 20px;
background-color: red;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
В этом примере мы создаем контейнер для карты с фоновым изображением и добавляем маркер в виде круга к центру карты. Маркер позиционируется абсолютно и центрируется с помощью свойства transform. Вы можете изменить размеры карты и маркера, а также изменить цвет маркера, чтобы соответствовать вашим потребностям.