google.maps.Marker zIndex no funciona para dos tipos de iconos - Símbolo y Cadena

Question

Al agregar más marcadores de mapa de Google con diferentes tipos de iconos como:

... 
var marker = new google.maps.Marker({ 
      position: markerLatLng, 
      map: map, 
      icon: "http://www.test.com/marker.png", 
      zIndex: 10 
     }); 
... 

y

... 
var resultIcon = { 
      path: google.maps.SymbolPath.CIRCLE, 
      fillColor: "black", 
      strokeColor: "black", 
      strokeWeight: 1, 
     }; 

var marker = new google.maps.Marker({ 
      position: markerLatLng, 
      map: map, 
      icon: resultIcon, 
      zIndex: 5 
     }); 
... 

Than the zIndex no funciona y el marcador Symbol aparece en la parte superior.

¿Me equivoco con mi código o cómo puedo hacer que zIndex funcione?

Answer 1

Usted tiene que especificar un tanto zIndex y añadir

optimized: false 

a cada constructor marcador, por ejemplo.

var marker = new google.maps.Marker({ 
    position: markerLatLng, 
    map: map, 
    icon: resultIcon, 
    optimized: false, 
    zIndex: 5 
}) 

Esto parece ser un problema con la nueva representación basada en lienzo de los marcadores.

Editar:

Esto realmente resuelve el problema. Una cosa que mencionar es que cada marcador debe tener el atributo "optimizado: falso". Mientras un marcador no lo tenga, no funcionará.

Elimina cualquiera de los atributos "optimizados: falsos" del violín de LeJared y encontrarás el error.

http://jsfiddle.net/BNWYq/1/

Answer 2

He hecho un poco de fiddl: http://jsfiddle.net/gSRmV/

Parece que un insecto, que tiene que ser fijado por Google.

Añadiendo optimized: false no cambia nada.

Editar: todavía se ve como error, pero las dos soluciones de tborychowski y Codetoffel parecen funcionar.

Answer 3

Configuración zIndex del círculo a -99 parece ayudar: http://jsfiddle.net/rq4vs/2/