Как удалить заголовок Google Maps?

Question

Я создал свои карты Google с помощью карт Google, я встраивал их на свой веб-сайт, к сожалению, на нем отображается заголовок, который я не хочу отображать.

hereL jsfiddle: http://jsfiddle.net/Lmenr28z/

Вот код:

<section class="map">
            <iframe src="https://www.google.com/maps/d/u/1/embed?mid=11YLE4clSoswTweX22iXJALsg-GJkDc7s" width="100%" height="480"></iframe>
    </section>

Я пытался скрыть, используя css

.i4ewOd-pzNkMb-haAclf{
    display: none !important;
}

Answer 1

Я обновил вашу скрипку: http://jsfiddle.net/Lmenr28z/2/

Проблема здесь в том, что вы не можете получить доступ к элементам и стилям внутри iframe.Легко взломать - установить обёртку на overflow:hidden и немного сдвинуть iframe, чтобы сделать заголовок невидимым.

section.map {
  width:100%;
  height:100%;
  overflow:hidden;
}
iframe {
  margin-top:-50px;
}