Google Maps API versión 3 que hace que las imágenes sean borrosas/borrosas

Por alguna razón en Safari 5.1.5 Google Maps está borrando algunas de mis imágenes. Por ejemplo, tome http://catpr.com/craig-chapman/; cuando se carga, la araña se ve nítida por un momento y luego se borra.Google Maps API versión 3 que hace que las imágenes sean borrosas/borrosas

Extracción

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

de mi código de paradas que esto ocurra. Solo parece afectar a Safari; esto no ocurre en Firefox o Chrome. No he probado ninguna versión anterior de Safari, ¿entonces puede ser un error? También intenté borrar mi caché, reiniciar mi computadora y actualizar Safari, sin cambios.

¿Alguna idea?

Gracias

Fuente

2012-04-03 SparrwHawk

Acabo de probarlo en Firefox, puedo dar fe de que funciona bien. Parece que es un problema específico del navegador. Es posible que desee agregar una etiqueta vainilla de "Safari" en la publicación y eliminar el "procesamiento de imágenes", ya que no se ajusta a la descripción. –

Genial, hecho :-) – SparrwHawk

Si vino aquí porque experimenta esto en dispositivos móviles y las soluciones no ayudan, consulte http://code.google.com/p/gmaps-api-issues/issues/ detail? id = 4521 y protagonice el número – Florian

No puedo reproducir el error en Safari. Sin embargo, hay dos posibles soluciones:

Cargue el script de forma asíncrona. Consulte la página básica de Inicio de la API de mapas y encuentre la sección Cargando Asincrónicamente la API: http://goo.gl/m9OwJ
Intente utilizar una imagen de Google Static Maps en su lugar, que no cargará el JavaScript simplemente una imagen del mapa. http://goo.gl/wY8lF. Lo sugiero porque parece que no está utilizando las características dinámicas de la API de Google Maps.

Fuente

2012-04-03 23:03:18

Gracias por sus sugerencias Mano. Probé el método Async, no solucionó el problema. Prefiero usar un mapa dinámico porque me cuesta menos trabajo mantenerlo, pero por el momento he optado por utilizar una imagen, lo que, por supuesto, soluciona el problema. Gracias de nuevo – SparrwHawk

También tuve este problema, con el mapa en sí y las fuentes en la página. Después de probar mucho tiempo para arreglar esto, esto son mis conclusiones:

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

La primera de ellas (la misma que la suya) me da mapas borrosas. ¡Si lo comento y forzo la versión 3.5, los mapas son nítidos y felices!

También tuve problemas con la API de Google Maps al cambiar el suavizado de las fuentes de mi sitio web. Me las arreglé para arreglar esto en mi principal style.css:

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

Espero que esto le ayuda o alguien. Nota: Estoy usando el marco de arranque de twitter.

Fuente

2012-05-25 01:02:34 TCB13

Este problema ahora me está ocurriendo con la diferencia entre la API de 3.8 y 3.9 en Chrome (23 beta). Si especifico la 3.9 API, muestra los mapas correctamente por una fracción de segundo y luego hace que todo sea borroso. Si especifico la API 3.8, funciona como debería.

Se puede ver el problema aquí:

El problema está en http://melbourne.origami.org.au; Actualmente, configuré 3.8 API como una solución, pero cuando eventualmente se lanza v10, probablemente forzará que 3.9 sea la API disponible más baja.

Por mi parte, 3.9 y 3.10 parecen invocar a Chrome (y por extensión Safari, me imagino) para representar todo con composición GL ya que agrega -webkit-transform: translateZ (0); a todos los elementos del mapa Esta parece ser la causa de que las cosas se vean horribles.

Fuente

2012-10-08 01:59:42 Mike

Google Maps API versión 3 que hace que las imágenes sean borrosas/borrosas

Respuesta

Cuestiones relacionadas