Высота 100% в JS

Question

Высота 100% в JS

0

Я работаю над каталогом и хочу, чтобы карта Google была отзывчивой, поэтому я должен определить высоту до 100% в JS. Ниже приведен код, который я использовал:

var mapdiv = document.getElementById("company_map"); 
mapdiv.style.width = '1000px'; 
mapdiv.style.height= '205px';

geocoder = new google.maps.Geocoder(); 
var map = new google.maps.Map(mapdiv, myOptions);

Поэтому мне нужно изменить mapdiv.style.height = '205px'; to mapdiv.style.height = '100%'; но% не работает.

Target 12 июнь 2014, в 03:13

Источник

0

У любых других элементов проявляется такое же поведение с высотой: 100% или только у Google Maps
tomysshadow 12 июнь 2014, в 00:39
1

100% чего конкретно, родительский элемент, окно или что-то еще целиком?
adeneo 12 июнь 2014, в 00:42
0

просто карта, как есть наложение тени. который работает нормально
Target 12 июнь 2014, в 00:42

Показать ещё 1 комментарий

Теги:

javascript

jquery

google-maps

2 ответа

0

работает на меня...

CSS:

body, html{
  height: 100%;
}

div{
  background-color: red;
}

ЯШ:

var div = document.getElementById('company_map');
div.style.width = '200px';
div.style.height = '200px';

div.onclick = function(){
    div.style.height = '100%';
};

Убедитесь, что вы устанавливаете высоту на родительский элемент, иначе 100% не имеет значения...

Alon Dahari 12 июнь 2014, в 00:00

Ещё вопросы

У любых других элементов проявляется такое же поведение с высотой: 100% или только у Google Maps
100% чего конкретно, родительский элемент, окно или что-то еще целиком?
просто карта, как есть наложение тени. который работает нормально

adeneo · Accepted Answer · 2014-06-11T22-15-00.000Z

Получите рост родителей и установите его в пикселях вместо этого, поскольку 100% означает полную высоту родительского элемента

var mapdiv = document.getElementById("company_map"),
    parent = mapdiv.parentNode;

mapdiv.style.width  = '1000px';
mapdiv.style.height = parent.clientHeight + 'px';

geocoder = new google.maps.Geocoder();

var map = new google.maps.Map(mapdiv, myOptions);

Это не то же самое, что height: 100% , потому что если размер окна (или родительского элемента) изменяется, этот дочерний элемент также не будет изменен.
это работает, но я не могу установить высоту родителя на 100%