google-maps - multiple - infowindow google maps

Google Maps Incrustar-Eliminar tarjeta de lugar

Question

Estoy usando el nuevo código de inserción de Google Maps (iFrame) para agregar un pequeño mapa a mi sitio web, pero no puedo ocultar el nuevo cuadro de dirección en la esquina superior izquierda (vea la imagen a continuación).

He generado el código del mapa haciendo clic en la opción "Compartir e incrustar mapa" (vea la imagen a continuación), pero me pregunto si necesito usar la API completa para lograrlo.

Todos los recursos que he encontrado hasta ahora solo analizan la versión de incrustación anterior y deshabilitan el globo de información que no es el mismo, y la única pista que tengo es que la clase HTML de la caja se llama "place-card" Pero la búsqueda todavía no me trae nada.

Cualquier ayuda o punto en la dirección correcta sería muy apreciada.

Answer 1

Puedes ocultar todos los botones con css. Cree un desbordamiento de ancho div de contenedor en oculto y los tamaños que necesita. Coloque el nuevo google frames iframe / embed dentro con un tamaño grande. Para posicionar los mapas, use marcos negativos.

Ejemplo con 100% de ancho:

<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>

Haga que el iframe 300px más alto que su contenedor div. 150px para ocultar a continuación y 150px para ocultar en la parte superior. Para ocultar este 150 en la parte superior del iframe use:

margen superior: -150px;

Answer 2

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