icon - ¿Cómo eliminar la caja de las nuevas incrustaciones de Google Maps?

infowindow google maps

Question

Google parece haber cambiado la forma en que funcionan sus iFrames. Ahora hay un cuadro de información en la parte superior izquierda que intenta mostrar el nombre del lugar. El problema es que aquí en Irlanda a menudo es imposible usar el nombre del negocio para identificar un mapa, y con frecuencia se necesita usar el nombre de la calle, etc., lo que hace que el cuadro sea funcionalmente inútil ya que el nombre de la calle está allí mismo. ¡el mapa, como también en la página al lado del mapa!

¿Cómo puedo deshacerme de esto? En este ejemplo, el negocio se encuentra en el mismo edificio que Irish Coaches. Maps insiste en que al ingresar la dirección, este abogado quiere, por alguna razón, informar a sus posibles clientes sobre dónde se encuentra Irish Coaches.

He intentado con iwloc pero no hace nada, y no puedo modificarlo mediante CSS y jQuery porque está en otro dominio.

¿Algunas ideas?

Answer 1

Al seguir excavando, lo que estás tratando de hacer es eliminar la placecard de google map

Hubo una pregunta similar respondida anteriormente: Incrustar Google Maps - Eliminar tarjeta de lugar

Answer 2

Aquí hay dos respuestas, una que elimina el cuadro de información y otra que puede responder obteniendo el lugar correcto en el cuadro de información. Espero que uno de ellos ayude.

Eliminar el cuadro de información

CAVEAT: El método aquí podría considerarse un "truco" y podría cambiar si Google cambia su funcionalidad de inserción subyacente.

Terminé aquí buscando una respuesta similar y, en base a lo que otros han dicho, se me ocurrió esto. La respuesta es similar a otras, pero con suerte se explican algunas cosas sobre la url incrustada y sobre cómo generar una url incrustada usando lat, long y zoom (algo que puede obtener de un plugin de ubicación en un CMS).

Usando esta publicación como base para la búsqueda, encontré un par de publicaciones diferentes que describen un desglose de los parámetros de inserción, que son lecturas interesantes en sí mismos: - Decodificación de los parámetros incrustados de Google Maps , lo que llevó a http://blog.themillhousegroup.com/2016/08/deep-diving-into-google-pb-embedded-map.html

Lo que saqué de esos artículos (no explicaré todo de nuevo aquí) fue un desglose del parámetro "pb". "pb" es un formato de propiedad (?) y "m" es una referencia de matriz. Aquí se muestra un ejemplo del código de inserción generado a partir de un recurso compartido de inserción de Google Maps.

<iframe src="https://www.google.com/maps/embed?pb=
    !1m18
        !1m12
            !1m3
                !1d2256.8774176856136
                !2d145.01353351606252
                !3d-37.79291244062522
            !2m3
                !1f0
                !2f0
                !3f0
            !3m2
                !1i1024
                !2i768
                !4f13.1
        !3m3
            !1m2
                !1s0x0%3A0x0
                !2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI
    !5e0
    !3m2
        !1sen
        !2suk
    !4v1532346966021
" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Al jugar, encontré que todo el parámetro "pb" se puede simplificar para

<iframe src="https://www.google.com/maps/embed?pb=
    !1m7
        !1m2
            !1m1
                !1d2256.8774176856136
        !3m3
            !1m2
                !1s0
                !2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI
" width="450" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

NOTA: El número después de la "m" ha disminuido para indicar menos elementos en la "matriz"

Esta inserción de arriba es para una ubicación en lat = -37.7929167 , long = 145.0157222 y zoom = 17

Como se sugiere en otra respuesta, parece que si usa solo la latitud y la longitud (con esta API insertada, no la API de lugares de inserción), el cuadro de información no aparecerá, pero necesitaba saber cómo obtener la URL insertada sin ir a través de google primero para generar la url de un recurso compartido.

En el desglose de "pb", hay un par de partes para notar

• la escala del mapa 1d2256.8774176856136
• la coordenada 2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI

La escala se puede derivar un tanto de un algoritmo que encontré aquí https://gis.stackexchange.com/questions/7430/what-ratio-scales-do-google-maps-zoom-levels-correspond-to y aquí https://www.esri.com/arcgis-blog/products/product/mapping/how-can-you-tell-what-map-scales-are-shown-for-online-maps/

pero encontré que no era del todo correcto para los números que esperaba, así que toqueteé el nivel de zoom para darme

var mapScale = 591657550.5 / Math.pow( 2, zoom + 1);
// The results of this goes after the "1d" part in the map scale

Para las coordenadas, use base64 (el ejemplo que se muestra es para javascript) en lat y long para obtener la cadena resultante. Lo he tenido funcionando usando formatos de grados decimales y grados minutos segundos.

var base64 = btoa([lat,long]); // lazy "lat,long" formatting
// the result of this goes after the "2z" part in the coordinate

Si desea escribir esto, aquí hay un ejemplo simple que usa javascript para generar el iframe, pero probablemente quiera crear todo el lado del servidor de src. Tenga en cuenta que no se trata de una solución de JavaScript, es un ejemplo de una solución con guiones.

    // create the iframe and with the required properties.
    var iframe = document.createElement("iframe");
    iframe.width = 450;
    iframe.height = 450;
    iframe.frameborder = 0;
    iframe.style.border = 0;
    iframe.setAttribute(''allowFullScreen'', '''')
    document.body.appendChild(iframe)
    
    // sample lat and long.
    var lat = -37.7929167;
    var long = 145.0157222;
    var zoom = 17;
    
    // get the scale
    var mapScale = 591657550.500000 / Math.pow( 2, zoom+1);
    // get the base64 representation
    var base64 = btoa([lat,long]); // lazy "long,lat" formatting
    // set the source of the iframe
    iframe.src = ''https://www.google.com/maps/embed?key=asdfsdfsf&pb=!1m7!1m2!1m1!1d'' + mapScale + ''!3m3!1m2!1s0!2z'' + base64;

He creado un ejemplo en el codepen que muestra la inserción original, la inserción minimizada, una inserción sin la escala y la solución con guiones. https://codepen.io/mcgern/pen/zLZJmQ

Corregir el nombre del lugar en el cuadro de información

Es posible que ya hayas probado esto, pero si la empresa que deseas incluir tiene un ID de lugar de Google, es posible que puedas encontrarlo en https://developers.google.com/places/place-id . Una vez que obtenga el ID de lugar, puede usarlo en la url de inserción de lugar como esta

<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ02vd- 
4QOZ0gR4ZG28bSShpk&key=<INSERT_API_KEY>" allowfullscreen></iframe>

(Acabo de encontrar un lugar aleatorio que parece que es el mismo edificio que los Coaches irlandeses)

Answer 3

Esto dejó de funcionar alrededor de febrero de 2017. Deben haber actualizado su API. :(

¡Así es como lo haces!

Versión de trabajo

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Observé un patrón en la inserción de otro sitio que solo tenía el texto "Ver mapa más grande" y ninguna de las cosas adicionales. Solo algunos personajes tuvieron que ser eliminados.

Embebido completo te dan

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O&#39;Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Esta es la parte que se elimina

1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O'Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!

Lo he intentado para otras direcciones también.

Answer 4

Funciona cuando usa coordenadas en lugar del nombre comercial, a partir del 1/22/2018

1. Ir a Maps Ie para obtener tus coordenadas
2. Ve a Google Maps e ingresa esas coordenadas (separadas por comas así: 33.319663, -111.89780100000002)
3. Haga clic en Compartir (ubicado a la izquierda)
4. Haga clic en Insertar mapa
5. Configura el tamaño del mapa que quieras
6. Copia el html

El html resultante es algo como esto:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.967410377096!2d-111.89998968453055!3d33.31966746342457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2sus!4v1516690469899" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Answer 5

Mi solución simple: al usar Firefox con los complementos " AdblockPlus " y " AdblockPlus Element Hiding Helper ", es MUY FÁCIL identificar el cuadro y eliminarlo. Nunca volverá hasta que Google cambie el nombre del elemento oculto (o elimine la regla de ocultación del elemento que creó). Este método también funciona para eliminar casi cualquier elemento de cualquiera de nuestros sitios web favoritos. Lo uso en gran medida para eliminar todo tipo de crud de muchas páginas que frecuento. Se necesita algo de práctica para tener la sensación de usar esta técnica, pero funciona muy bien. Y la combinación de Ghostery y Adblock Plus es un regalo del cielo.

Answer 6

No es exactamente lo que quiere, pero si la dirección de su abogado aparece en los mapas de Google, ¿por qué no simplemente inserta una búsqueda en la dirección?

<iframe 
width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/search?q=1873 Bachelors Walk, Dublin,
Ireland
&key=AIzaSyDsQc1PNQhYYVbGn9R4_vWY3SOlEKOM7JU">
</iframe>

http://jsfiddle.net/zE8tE/2/

Answer 7

a mediados de 2017, puede usar incorporado en el indicador de control de API de Google disableDefaultUI

Úselo así:

function initMap() {
  var map = new google.maps.Map(document.getElementById(''map''), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    disableDefaultUI: true
  });
}

ref: https://developers.google.com/maps/documentation/javascript/controls#DisablingDefaults

<iframe src="https://google-developers.appspot.com/maps/documentation/javascript/examples/full/control-disableUI" width="100%" height="300" frameborder="0"></iframe>

Answer 8

simplemente ingrese los destinos en el camino, como estipular un camino a tomar y eliminará las alternativas para que pueda incrustar el iframe