скрыть верхнюю панель встроенной карты google

Question

У меня есть встроенная Карта Google на веб-странице. Мне пришлось использовать карту, прикрепленную к учетной записи gmail, потому что я использую несколько местоположений.

На карте есть частично непрозрачный бар наверху, на который я хочу избавиться. Каждый раз, когда карта загружается, панель имеет другой (уникальный) класс, поэтому я не могу скрыть ее с помощью CSS.

Я даже пробовал некоторые JQuery, потому что родной брат, прежде чем она всегда имеет класс .gm-style поэтому я попытался это:

$(function() { 
     // hide google title bar on map 
     setTimeout(function(){ 
       $(".gm-style").next().hide();      
     },5000);     
    });    

, но это не сработало.

Есть ли какой-то простой способ, который мне не хватает, чтобы скрыть этот бар?

Answer 1

Вы не можете скрыть панель инструментов. Но вы можете использовать этот код ниже, чтобы заставить его исчезнуть, настроив высоту и ширину того, что можно просмотреть.

<div style="height:160px; border:2px solid #eee; display:inline-block; overflow:hidden;"> 
<iframe style="position:relative; top:-30px; border:none;" 
     src=" Source to the map " 
     width="What Ever Width" height="What ever height"></iframe> 
</div> 

Вы можете настроить с «сверху: -30px;» добавить интервал или переместить его вверх или вниз на основе того, что фактическое установленное значение.