2013-12-19 5 views
17

Я использую новый код для вставки карт Google (iFrame), чтобы добавить небольшую карту на мой сайт, но я не могу скрыть новое поле адреса в левом верхнем углу (см. Изображение ниже).Вложения в Google Maps - Удалить карту места

http://i.imgur.com/JOVXkra.jpg

Я сгенерировал код карты, нажав кнопку «Share и карту встраивать» вариант (смотрите изображение ниже), но мне интересно, если мне нужно использовать полный API для достижения этой цели.

http://i.imgur.com/xxl25Ga.png

Все ресурсы, которые я нашел до сих пор только обсуждают старую версию вложения и отключить всплывающее информационное сообщение, которое не является тем же самым, и единственный ключ у меня есть то, что HTML класс поле называется «place-card», но поиск по-прежнему ничего мне не приносит.

Любая помощь или точка в правильном направлении были бы высоко оценены.

Спасибо!

+0

Вот более подробное обсуждение: http://stackoverflow.com/questions/11334042/google-maps-removing-controls – harvest316

+0

супер поздно, но вот еще один способ, чтобы удалить его. http://stackoverflow.com/a/37083353/3130549 – rawnewdlz

+0

Это здорово, спасибо. Если вы добавите тот же ответ, я приму его как правильный ответ. – Sintyche

ответ

27

Вы можете скрыть все кнопки с помощью css. Создайте переполнение ширины контейнера на скрытом и требуемые размеры. Поместите новые карты google iframe/embed внутри с большей площадью. Чтобы поместить использование IFrame карты отрицательный опушки ..

ширина Пример с 100%:

<div style="width: 100%; overflow: hidden; height: 300px;"> 
    <iframe 
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537" 
    width="100%" 
    height="600" 
    frameborder="0" 
    style="border:0; margin-top: -150px;"> 
    </iframe> 
</div> 

Сделать IFrame 300px выше вашего контейнера дел. 150px, чтобы скрыть ниже и 150px, чтобы скрыть сверху. Чтобы скрыть это значение 150 в верхней части использования iframe:

margin-top: -150px;

+6

Кажется довольно хамским, но довольно умным тоже. +1 –

+2

Как вы думаете, это можно рассматривать как нарушение условий Google? я спрашиваю об этом, потому что если вы делаете то же самое, чтобы скрыть линию авторских прав внизу, вы можете попасть в беду. –

+0

@dooart вы можете немного изменить стиль, чтобы показать авторское право внизу. –

Смежные вопросы