google.maps.Marker zIndex non funziona per due tipi di icone - simbolo e String

Question

Quando aggiungo più marcatori a Google Map con diversi tipi di icone come:

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

e

... 
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 
     }); 
... 

Rispetto allo zIndex non funziona e l'indicatore Simbolo appare in alto.

Mi sbaglio con il mio codice o come posso far funzionare zIndex?

Answer 1

È necessario sia specificare un zIndex e aggiungere

optimized: false 

a ogni costruttore marcatore, per esempio.

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

Questo sembra essere un problema con il nuovo rendering basato su tela dei marcatori.

Edit:

risolve questo davvero il problema. Una cosa da dire è che ogni marcatore deve avere l'attributo "ottimizzato: falso". Finché un marcatore non ce l'ha, non funzionerà.

Rimuovere uno degli attributi "ottimizzati: falso" dal violino di LeJared e si verificherà il bug.

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

Answer 2

Ho fatto un po 'fiddl: http://jsfiddle.net/gSRmV/

Sembra un bug, che deve essere fissato da Google.

L'aggiunta di optimized: false non modifica nulla.

Modifica: Sembra ancora un bug, ma le due soluzioni di tborychowski e Codetoffel sembrano funzionare.

Answer 3

Impostazione zIndex del cerchio a -99 sembra aiutare: http://jsfiddle.net/rq4vs/2/