Подтвердить что ты не робот

Вставка карты Google - удаление карты места

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

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

Я сгенерировал код карты, щелкнув опцию "Совместное использование и вставка карты" (см. Изображение ниже), но мне интересно, нужно ли мне использовать полный API для достижения этой цели.

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

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

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

4b9b3361

ОТВЕТЫ

Ответ 1

Вы можете скрыть все кнопки 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 на 300 пикселей выше, чем ваш контейнер div. 150px, чтобы скрыть ниже и 150px, чтобы скрыть сверху. Чтобы скрыть это значение 150 в верхней части iframe, используйте:

margin-top: -150px;

Ответ 2

Вы можете попробовать это:

  1. Перейдите на https://www.maps.ie/coordinates.html, чтобы получить ваши координаты.
  2. Перейдите в Карты Google и введите эти координаты (разделенные запятой, например: 33.319663, -111.89780100000002)
  3. Нажмите на Share (расположен слева)
  4. Нажмите на карту для вставки
  5. Настройте размер карты, которую вы хотите
  6. Скопируйте HTML

Ваш iframe будет примерно таким.

Ответ 3

$('.place-card-large').css('display', 'none');