Я пытаюсь загрузить карту во второй части этой страницыкарта Google в начальной загрузке CSS
http://lowcoupling.appspot.com/anotherMapPage.html
Как вы можете видеть, что проблема заключается в том, что карта изображается как 1px линии
Что я делаю неправильно?
Что я делаю неправильно?
Вы используете height:100%, чтобы сделать карту столь же высоко как ваш section это - где вы вычислить min-height: calc(100% - 1px);. Но у вас есть загрузочный row элемент между, , который не имеет набор height, так что ваша карта не имеет прямой родительский элемент для вычисления это width из - поэтому она занимает 1px - который уже установлен по умолчанию, бутстрапе (min-height:1px - для сохранения столбцов на месте).
У вас должен быть прямой родительский элемент, который имеет набор height (который не определен в процентах), чтобы карта расширялась до 100% от ее высоты.
Если элемент row, который обертывает вашу карту, будет иметь фиксированную высоту, ваш контейнер карты будет расширяться до 100% от этой высоты.
Смотрите пример с прямым родителем с помощью calc(100% - 1px): http://jsfiddle.net/LDzSk/1/
Почему вы хотите высоту карты DIV в процентах ?? Я добавляю исправленную высоту, например, «200px» карта видна ... –
@VinitaRathore Он, вероятно, хочет иметь жидкую компоновку. – easwee
расположение жидкостей с точки зрения высоты ?? Если вы изменяете размер окна, а также видны с одинаковым размером. –