Здравствуйте!
Решил поставить map.yandex.view на фон страницы. В начале header div с вызовом:
. У дива поставил свойства:
html и body тоже по 100%. Но карта по высоте 500px. Если height в css или компоненте задать числом, то растягивает. но хотелось, чтобы автоматом занимала 100%. Как это сделать?
пробовал еще скриптом, но тоже не работает.
Решил поставить map.yandex.view на фон страницы. В начале header div с вызовом:
Код |
---|
<div class="mapsz"> <?$APPLICATION->IncludeComponent( "bitrix:map.yandex.view", ".default", array( "COMPONENT_TEMPLATE" => ".default", "INIT_MAP_TYPE" => "MAP", "MAP_DATA" => "a:4:{s:10:\"yandex_lat\";d:55.04382242416988;s:10:\"yandex_lon\";d:82.96265275640229;s:12:\"yandex_scale\";i:14;s:10:\"PLACEMARKS\";a:1:{i:0;a:3:{s:3:\"LON\";d:82.96265275640235;s:3:\"LAT\";d:55.04382242417523;s:4:\"TEXT\";s:15:\"ул. Красина, 58\";}}}", "MAP_WIDTH" => "auto", "MAP_HEIGHT" => "auto", "OPTIONS" => array( 0 => "ENABLE_SCROLL_ZOOM", ), "CONTROLS" => array( ), "MAP_ID" => "" ), false );?> </div> |
. У дива поставил свойства:
Код |
---|
.mapsz{ z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } |
html и body тоже по 100%. Но карта по высоте 500px. Если height в css или компоненте задать числом, то растягивает. но хотелось, чтобы автоматом занимала 100%. Как это сделать?
пробовал еще скриптом, но тоже не работает.
Код |
---|
<sc ript> var hei = document.documentElement.clientHeight; $(".mapsz").height(hei); </sc ript> |