Look zoom di Google Map strano

Question

Ho un problema con la mappa di Google, tutto sembra funzionare tranne i pulsanti Zoom sembrano incasinati

Ecco un'immagine della mappa.

Immagino che qualcosa si stia sovrapponendo ma non ne sono sicuro.

Answer 1

Prima di tutto, il collegamento che hai fornito non funziona.

Questo problema è generalmente dovuto al css (penso che sia il suo bootstrap.css), il che rende i controlli della mappa di google incasinati. Controlla la riga con codice: max-width:100%

Dovrai rimuoverlo.

Verificare se funziona.

Answer 2

Sembra che sia molto tardi, ho ancora pensato di condividere i miei pensieri.

Non è una buona idea modificare il css core di una libreria. Piuttosto possiamo ignorarlo

Questo è quello che used.try questo

#mapDiv img{ max-width: none; } 

Answer 3

Bootstrap.css in realtà ha chiamato una classe google-maps che impostare il max-width della IMG per nessuna. Il codice in bootstrap.css è

#map_canvas img, .google-maps img{max-width:none}

Ecco un link alla domanda su StackOverflow: Twitter Bootstrap CSS affecting Google Maps

Answer 4

Con l'ultima versione di Google Maps api avete bisogno di questo :

<style> 
    .gm-style img { max-width: none; } 
    .gm-style label { width: auto; display: inline; } 
</style> 

risposta da: https://stackoverflow.com/a/19339767/3041072