Advertisement
ladytellur

fullscreen map widget

Jan 30th, 2015
1,786
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.60 KB | None | 0 0
  1. <script src="http://www.estaxi.ru/client/widget/estScripts.min.js" type="text/javascript" charset="utf-8"></script>
  2. <link href="http://www.estaxi.ru/client/widget/estStyles.css" type="text/css" rel="stylesheet">
  3.  
  4. <div ng-app="estWidget" id="estWidget" ng-init="uid='ВАШ_UID'">
  5.   <!-- Карта вне обрамляющего блока будет развернута на всю страницу -->
  6.   <div ui-view="map" autoscroll="false" id="estWidget-map" class="estWidget-fullscreen-map"></div>
  7.  
  8.   <!-- Если карта на всю страницу перекрывает меню вашего сайта, укажите для меню и его родительских элементов z-index  -->  
  9.   <div class="wrapper" style="margin: 0 auto; width: 100%; position: absolute; z-index: 1;">
  10.     <div class="container" style="width: 1170px; margin: 0 auto; z-index: 1;">
  11.       <div id="header" style="height: 100px; background-color: grey; position: relative; margin: 50px 0 0;"></div>
  12.     </div>
  13.   </div>
  14.  
  15.   <!-- Если обрамляющий div превышает размеры виджета, клик в его области может не привести к событию на карте, так как обрамляющий div перекроет карту -->
  16.   <div class="container" style="width: 1170px; margin: 0 auto;">  
  17.     <!-- Положение самого виджета будет с учетом положения обрамляющего div -->
  18.     <div ui-view="widget" autoscroll="false" id="estWidget-widget" style="margin: 200px 0 0; "></div>
  19.   </div>
  20. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement