2012-08-07 12 views
21

जब मैं की तरह अलग अलग आइकन प्रकार के साथ गूगल मानचित्र के लिए और अधिक मार्करों जोड़ें:google.maps.Marker zindex दो आइकन प्रकार के लिए काम नहीं करता है - प्रतीक और स्ट्रिंग

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

और

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

ज़िन्डेक्स की तुलना में काम नहीं करता है और प्रतीक मार्कर शीर्ष पर दिखाई देता है।

क्या मैं अपने कोड के साथ गलत हूं या मैं ज़िन्डेक्स कैसे काम कर सकता हूं?

+0

आपके आवेदन सही ढंग से काम कर रहा है जब आप कस्टम चिह्न निर्दिष्ट नहीं करते हैं? – jeff

उत्तर

46

आप दोनों एक zIndex जैसे निर्दिष्ट और हर मार्कर निर्माता को

optimized: false 

जोड़ने के लिए, है।

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

यह मार्करों के नए कैनवास आधारित प्रतिपादन के साथ एक मुद्दा प्रतीत होता है।

संपादित करें:

यह वास्तव में इस मुद्दे को हल करती है। उल्लेख करने की एक बात यह है कि प्रत्येक मार्कर को "अनुकूलित: झूठी" विशेषता होनी चाहिए। जब तक एक मार्कर के पास यह नहीं है, यह काम नहीं करेगा।

लीजारेड की पहेली से "अनुकूलित: झूठी" विशेषताओं में से किसी को भी हटाएं और आपको बग का सामना करना पड़ेगा। http://jsfiddle.net/gSRmV/

एक बग, है कि गूगल द्वारा निर्धारित किया जा करने के लिए की तरह लग रहा:

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

+0

हाँ, आप सही हैं। मेरी पहेली को सही करने के लिए धन्यवाद। – LeJared

+0

यह समाधान मेरे लिए कृतज्ञतापूर्वक काम करता है! :-) – kuceram

+0

आपने मुझे अपने बालों को खींचने के अनगिनत घंटे बचाए हैं। –

0

मैं एक छोटे से fiddl कर दिया है।

optimized: false जोड़ना कुछ भी नहीं बदलेगा।

संपादित करें: अभी भी बग की तरह दिखता है, लेकिन tborychowski और कोडेटोफेल के दो समाधान काम करने लगते हैं।

8

-99 को वृत्त के स्थापना zindex मदद करने के लिए लगता है: http://jsfiddle.net/rq4vs/2/

+0

अरे, यह भी एक अच्छा समाधान है। फिडल को सही करने के लिए धन्यवाद। – LeJared

+0

यह मेरे लिए काम करता है। –

+1

सावधान रहें: इस समाधान के साथ समस्या यह है कि प्रतीक माउसओवर जैसी घटनाओं को "चुराता है" और छवि से क्लिक करता है, भले ही यह छवि के नीचे दृष्टि से खींचा गया हो। इस टूल को पिन टूलटिप के बजाय सर्कल से टूलटिप दिखाया गया है, भले ही सर्कल पिन के नीचे रखा गया हो: http://jsfiddle.net/AEePr/ मुझे आशा है कि Google इसे अच्छे से हल करेगा रास्ता, क्योंकि अनुकूलन सेटिंग = झूठी सभी मामलों में आदर्श नहीं है। –

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^