Настройка высоты google map

-1

Я пытаюсь установить ширину и высоту моей карты google на 100%. Я понимаю, что вам нужно также установить родителей, и я это делаю. Это то, что у меня есть:Настройка высоты google map

<asp:Content ID="head" ContentPlaceHolderID="head" runat="server"> 
<style> 
    #homeBody { 
     height: 100%; 
     width: 100%; 
    } 

    #map { 
     width: 100%; 
     height: 100%; 
     margin-top: 200px; 
    } 
</style> 
</asp:Content> 

<asp:Content ID="homeBody" ContentPlaceHolderID="homeBody" runat="server"> 
    <div id="map"></div> 

//some scriping to build map and what not 
</asp:Content>

Может ли кто-нибудь сказать мне, что я могу делать неправильно? В настоящее время я просто получаю очень тонкую линию на странице ... в основном нет высоты, просто ширины.

источник

2016-01-28 Code

Просьба представить [Минимальный, завершенный, проверенный и читаемый пример] (http://stackoverflow.com/help/mcve), который демонстрирует проблему (желательно HTML/CSS, которую видит браузер). – geocodezip

Вы правы, родитель должен иметь высоту, чтобы ваша карта занимала одно и то же место. Вы можете взглянуть на это, если хотите 100% высоты: Set Google Maps Container DIV width and height 100%

источник

2016-01-28 21:49:36 Mushr00m

Дополнительная разметка была бы полезна.

Если #homeBody является дочерним элементом другого элемента, на котором не установлена его высота, то это height: 100%; тоже не будет работать. Если вы продолжаете использовать процентные высоты для родительских элементов, тогда эти элементы должны будут иметь высоту, установленную и на родителях. Если все, что у вас есть, это процентные высоты, то цепочка должна продолжаться вплоть до тега <html>.

В основном, что делает браузер, вы пытаетесь выяснить, на что 100% процентов. Как только он дойдет до <html>, он может использовать видовое окно как его родительский элемент, который будет иметь определенную высоту.

источник

2016-01-28 21:50:24 hungerstar

Я вижу. И это буквально все разметки минус скрипты для части карт – Code

Настройка высоты google map

ответ

Смежные вопросы