Встраивание Google Maps в Bootstrap 4.2.1
Я пытаюсь встроить квадратные Карты Google в BS4, высота строки была установлена изображением слева (480 × 480 пикселей), но когда я вставил карту, она стала огромной и создала большие пробелы вверху и внизу строки. .
Как я могу ограничить высоту строки этой высотой изображения, идея состоит в том, что карта сохраняет квадратное соотношение изображения, оно находится в крайнем правом углу и соответствует высоте изображения слева...? Снимок экрана
Нажмите кнопку «Запустить окно предварительного просмотра» в правом нижнем углу и разверните окно, чтобы увидеть пробелы: http://codeply.com/go/i9Yp3FI5bY
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
111
1
Ответы 1
Вы можете попробовать использовать встроенный CSS, чтобы объявить максимальную высоту и ширину карты, сохраняя при этом отзывчивость карты.
style = "max-height:480px;max-width:480px"
Другие вопросы по теме
Центрирование строки бренда (или любого другого текстового элемента) на панели навигации? mx-auto дает странные результаты
Попытка масштабировать изображения SVG (в идеале динамически) в зависимости от размера окна
Как центрировать внутри div в бутстрапе
Анимация для столбцов Bootstrap, изменяющих ширину и положение в строке
Код PHP для входа/выхода из системы работает неправильно - PHP
Добавить в таблицу начальной загрузки с помощью javascript
Элемент Bootstrap `nav` не кликабельный
Есть ли какое-либо решение, чтобы показать серию изображений разного размера рядом друг с другом, и все они имеют одинаковую высоту, не нарушая изображение?
Как изменить строку меню навигации, чтобы она говорила «Выход» при входе в систему?
В карусели bootstrap4, как сделать так, чтобы определенные слайды оставались дольше?
Похожие вопросы
Пользовательский маркер карт Google не загружает изображения Firebase
Мне нужно реализовать прямоугольник и многоугольник на картах. Разделите прямоугольник на сетки, удалите все сетки, которые не являются частью многоугольника
Добавление слоя KML со слоем изображения — не загружается
Есть ли способ установить z-индекс одного маркера карты из нескольких маркеров?
Укажите MapWinGIS URL-адрес вместо поставщика плитки
Map.fitBounds работает странно, когда на карте установлена опция «ограничение»
Карты Google во фрагменте панели вкладок. Котлин
Карта иногда не загружается - initMap не является функцией
Связывание файла JSON с google-map-react для отображения маркера на карте
Clojurescript — невозможно ограничить город в API автозаполнения Google Places
При применении к div он создает зазор справа, если применяется к iframe, он создает зазоры справа и снизу.