Versione 3 dell'API di Google Maps che causa immagini sfocate/sfocate

Per alcune ragioni su Safari 5.1.5, Google Maps sta sfocando alcune delle mie immagini. Prendete ad esempio http://catpr.com/craig-chapman/ - quando carica il lampadario per un momento, rendendolo nitido per un attimo, e poi offusca.Versione 3 dell'API di Google Maps che causa immagini sfocate/sfocate

Rimozione

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"> </script>

dal mio codice si ferma questo accada. Sembra solo influenzare Safari - questo non accade in Firefox o Chrome. Non ho provato nessuna versione precedente di Safari, quindi potrebbe essere un bug? Ho anche provato a svuotare la cache, riavviare il computer + aggiornare Safari, nessuna modifica.

Qualche idea?

Grazie

fonte

2012-04-03 SparrwHawk

Ho appena provato su Firefox, posso attestare che funziona correttamente. Sembra che si tratti di un problema specifico del browser. Si potrebbe voler aggiungere un tag "Safari" vanilla al post e rimuovere "l'elaborazione dell'immagine" in quanto non si adatta alla descrizione. –

Fantastico, fatto :-) – SparrwHawk

Se sei venuto qui perché questo si verifica sui dispositivi mobili e le soluzioni non aiutano, vedi http://code.google.com/p/gmaps-api-issues/issues/ detail? id = 4521 e presenta il numero – Florian

non sono in grado di riprodurre il bug in Safari. Tuttavia, due possibili soluzioni:

Caricare lo script in modo asincrono. Controlla la pagina introduttiva di base delle API delle mappe e trova la sezione Caricamento in modo asincrono dell'API: http://goo.gl/m9OwJ
Prova invece a utilizzare un'immagine di Google Static Maps, che non carica il codice JavaScript solo un'immagine della mappa. http://goo.gl/wY8lF. Lo suggerisco perché sembra che tu non stia utilizzando le funzioni dinamiche dell'API di Google Maps.

fonte

2012-04-03 23:03:18

Grazie per i tuoi suggerimenti Mano. Ho provato il metodo Async, non ha risolto il problema. Preferirei usare una mappa dinamica perché è meno lavoro da mantenere, ma per ora ho seguito il tuo suggerimento di usare un'immagine, che ovviamente risolve il problema. Grazie ancora – SparrwHawk

Ho anche avuto questo problema, con la mappa stessa e caratteri sulla pagina. Dopo un lungo tempo cercando di risolvere questo problema, questo sono le mie conclusioni:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.5&sensor=false"></script>

Il primo (uguali ai suoi) mi dà mappe sfocate. Se commento e forza la versione 3.5, le mappe sono nitide e felici!

Inoltre, ho riscontrato problemi con l'API di Google Maps che modifica l'anti-alias nei caratteri del mio sito web. Sono riuscito a risolvere questo problema sul mio principale style.css:

* { 
    -webkit-font-smoothing: subpixel-antialiased !important; 
}

Spero che questo ti aiuta o qualcuno. Nota: sto utilizzando il framework twitter bootstrap.

fonte

2012-05-25 01:02:34 TCB13

Questo problema si verifica ora per me con la differenza tra l'API 3.8 e 3.9 su Chrome (23 beta). Se si specifica l'API 3.9, mostra correttamente le mappe per una frazione di secondo e rende tutto sfocato. Se si specifica l'API 3.8, funziona come dovrebbe.

Si può vedere il problema qui:

Il problema è il http://melbourne.origami.org.au; Al momento ho impostato l'API 3.8 come soluzione alternativa, ma quando alla fine v10 verrà rilasciato, probabilmente imporrà che la 3.9 sia l'API disponibile più bassa.

Da parte mia, 3.9 e 3.10 sembrano invocare Chrome (e per estensione Safari immagino) per rendere tutto con GL compositing quando aggiunge -webkit-transform: translateZ (0); a tutti gli elementi della mappa. Questa sembra essere la causa delle cose che sembrano orribili.

fonte

2012-10-08 01:59:42 Mike

Versione 3 dell'API di Google Maps che causa immagini sfocate/sfocate

risposta

Problemi correlati