Здравствуйте!
Решил поставить 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>
|
