14

io sono l'attuazione di una posizione Selettore come questo: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1standard Marker in Google Maps troppo piccolo

Ma quando carico il codice nel mio ambiente la posizione Marker è improvvisamente piccolo e schiacciato dopo il caricamento della pagina (vedi immagine 1). Quindi dopo aver trascinato il Marker in giro, diventa ancora più piccolo (vedi immagine 2).

google maps marker too small

Qualcuno ha visto qualcosa di simile? Sarebbe utile avere un suggerimento su come posso aggirare questo problema, o quale errore ho commesso.

Ad esempio, come posso fissare la dimensione dei miei marcatori?

Il mio codice è simile al seguente:

var marker = new google.maps.Marker({ 
    title: settings.gMapMarkerTitle, 
    map: map, 
    position: defaultLocationLatLng, 
    draggable: true 
}); 
+0

Non ho alcun problema con la pagina collegata. –

+1

Provata pagina collegata in 3 browser - nessun problema. Avete installato l'estensione del browser che potrebbe interferire? –

+0

per chiarire, la pagina collegata funziona anche per me. Suppongo che il bug si apra quando includo il codice di esempio nel mio progetto – patrics

risposta

21

il problema era davvero un ambiente CSS. Sto usando il framework di base di zurb, che definisce la larghezza massima per tutte le immagini.

max-width: 100%; 

Risolto, aggiungendo la mia classe css alla mappa div. Sostituisce l'impostazione della larghezza massima e i Marker tornano alla normalità.

<div id="gmap" class="map_canvas" /> 

.map_canvas img { 
    max-width: none; // just in case it does not work... add !important; 
} 

Grazie Dr. Molle per il suggerimento ...

+0

Mi hai appena salvato un sacco di tempo. Grazie per il suggerimento! – demogar

+0

Mi sono bloccato anche su questo problema durante l'utilizzo del framework di base - grazie per avermi risparmiato il tempo! haha! – Fruxelot

+0

Mi ha salvato, diavolo si! – Phius

2

funziona senza! Importante, e! Importante non devono essere utilizzati se non ha bisogno di essere.

.map_canvas img { 
    max-width: none; 
}