Как избавиться от синей верхней полоски в гугл карте?

324
07 апреля 2017, 23:31

Есть фрейм, сделанный с помощью конструктора гугл карты с метками на нем - фидл 

.i4ewOd-pzNkMb-haAclf.QUIbkc { 
  display:none!important; 
}
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1s9NO_idzOy6bV9e6jiSILCBdLOk" width="100%" height="420"></iframe>

При вставке его на сайт мне мешает верхняя синяя полоска, которая идет по умолчанию, как можно от нее избавиться или скрыть? display:none!important; блока и вставка во фрейм frameborder="0" и style="border:0" не спасает

Answer 1

Как вариант

.container-iframe{ 
  overflow: hidden; 
  border: 1px solid #555;    
} 
.container-iframe > iframe{   
  border: none;   
  margin-top: -46px; 
}
<div class="container-iframe"> 
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1s9NO_idzOy6bV9e6jiSILCBdLOk" width="100%" height="420"></iframe> 
</div>

READ ALSO
Авторизация в analytics embed api
javascript

Авторизация в analytics embed api

При создании отчета с помощью embed api требуется авторизация в аккаунт гуглПри этом отчет показывает доступные для аккаунта ресурсы гугл аналитикса

 257
Появление блока на определенный период jQuery
javascript

Появление блока на определенный период jQuery

Мне нужно сделать так, чтобы по клику на элемент, появлялся другой элемент с анимацией появления и через 5 секунд так же пропадал

 309
При клике на элемент меню, меню скрывается
javascript

При клике на элемент меню, меню скрывается

Есть выпадающее меню на jQueryХочу сделать так, чтоб при клике на ссылку меню все таки закрывалось, а не оставалось открытым

 233
Добавленный div не смещается вниз JQuery
javascript

Добавленный div не смещается вниз JQuery

Нужно чтобы при клике на кнопку добавлялся блок div, внутри которого будут параграфы, но при добавлении они все накладываются друг на друга,...

 301