Google Maps marcador cortado a la mitad Internet Explorer

Question

Tengo un problema extraño con mis iconos de marcador de Google Maps en Internet Explorer. Todos mis marcadores están apareciendo recortados a la mitad doblados y desplazados más del 50%.

que está utilizando el código de demostración de Google. Así que debe ser algo extraño que estoy haciendo en otros lugares con estilos o jquery, pero no sé qué. ¿Alguien tuvo este problema antes?

Answer 1

me fijo este problema mediante el uso de una versión estable de la API como ...

http://maps.google.com/maps/api/js?v=3.2&sensor=false

en lugar de la noche acumulación dev ... (http://maps.google.com/maps/api/js? sensor = false)

Answer 2

Tuve un problema similar. El problema es que cada icono de marcador heredó un margen> 0, resolví el problema estableciendo el margen en cero para todos los img en el mapa div.

<style type="text/css"> 
    #map_canvas img { 
     margin: 0px 
    } 
</style> 

Answer 3

me había problema similar, (i utilizado imágenes de marcadores personalizados, y que fueron trasladados por 1px izquierda y abajo en IE7-8)

Este código resolvió el problema:

<!--[if IE]> 
    <style> 
    div#map img{ 
     margin-top: -1px; 
     margin-left: -1px; 
    } 
    </style> 
<![endif]--> 

Donde map es el id del google map api container div.

Answer 4

Probé la solución #map_canvas img { margin: 0px; } anterior, pero solo funcionó a medias. Lo cambié a #map_canvas img { margin: -5px; } y lo apliqué a IE7 & hoja de estilos IE8.

Answer 5

Tuve el mismo problema; Tenía que establecer tanto el margen y el relleno a 0:

#map img { 
    margin:0px; 
    padding:0px; 
} 

Answer 6

parseInt alrededor de los valores lo hizo para mí

new google.maps.Size(parseInt(width), parseInt(height)) 
new google.maps.Point(parseInt(width)/2, parseInt(height)) 

Answer 7

Su problema es interesante, ya que estaba sucediendo con los marcadores por defecto como bien. Describí un problema similar para los marcadores personalizados en una publicación de blog en febrero de 2012: http://www.gutensite.com/Google-Maps-Custom-Markers-Cut-Off-By-Canvas-Tiles

Estábamos teniendo problemas con la versión 3.8 de la API de Google Maps (más reciente que muchos otros que propusieron soluciones aquí). Los marcadores personalizados se cortarían, mientras que los marcadores predeterminados no lo serían. Descubrimos que esto fue causado por las nuevas fichas de Canvas que se utilizan para optimizar la visualización de Google Maps. Si inspecciona elementos, puede ver que los marcadores son en realidad capas de mosaicos.

Si desactivamos 'optimizado' (ver el código a continuación) ¡los marcadores se muestran correctamente! Por lo tanto, parece estar relacionado con el código de optimización.

var point = new google.maps.Marker({ 
'position': position, 
'map': this.options.map.construct, 
'icon': marker_data.custom_icon,  
'title': marker_data.title, 
'optimized': false 
}); 

No he confirmado si este problema ha sido resuelto por Google desde entonces o no, o si hay una solución mejor.

Otros han sugerido que si parseInt() el ancho y la altura de los marcadores, resolvió su problema.

Vea el artículo vinculado para las imágenes. Stackoverflow no me permite incluirlos porque no tengo suficientes puntos de reputación: - \