मैं Google मानचित्र एपीआई v3 मानचित्र में माउस कर्सर के लिए कस्टम छवि कैसे सेट करूं

Question

मैं पृष्ठ पर Google मानचित्र घटक पर moused के दौरान एक कस्टम कर्सर रखना चाहता हूं। मैं कर्सर को कस्टम छवि में प्रोग्रामेटिक रूप से बदलने में सक्षम होना चाहता हूं, फिर उसे डिफ़ॉल्ट कर्सर में बदल दें।

मुझे इस पर विश्वास है कि कैसे आप अपने 'map' वस्तु

map.setOptions({ draggableCursor: 'default' }); 

कुछ शोध और प्रयोग करने के बाद पर डिफ़ॉल्ट कर्सर निर्धारित करते हैं, मैं सबसे अच्छा तरीका यह इस प्रकार था ऐसा करने के लिए मिला:

map.setOptions({ draggableCursor: 'url(path/to/your/image.png), crosshair' }); 

सीएसएस में, केवल वेबकिट कर्सर विशेषता के लिए यूआरएल मान का समर्थन करता है, इसलिए अन्य ब्राउज़रों को इस मामले में 'क्रॉसहेयर' का मूल्य मिलता है, जिससे उपयोगकर्ताओं को सूचित करने की आवश्यकता की मेरी समस्या हल हो जाती है कि उन्हें मानचित्र पर क्लिक करने की आवश्यकता है।

draggableCursor विशेषता के बारे में अधिक जानकारी के लिए, कृपया गूगल मैप्स एपीआई v3 प्रलेखन यहाँ देखें: http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions

उम्मीद है कि कोई है जो इस मुसीबत एक गूगल मानचित्र पर एक कस्टम कर्सर की स्थापना कर रहा है मदद करता है।

Answer 1

मैक पर यह क्रोम, सफारी और फ़ायरफ़ॉक्स पर पूरी तरह से काम करता है।

मैं बस इस का उपयोग करें:

map.setOptions({ draggableCursor : "url(http://s3.amazonaws.com/besport.com_images/status-pin.png), auto" }) 

पुनश्च: मैंने कहीं पढ़ा है कि आप अपनी छवि की जरूरत है कुछ ब्राउज़र पर 64x64 के तहत किया जाना है। कोशिश करने की ज़रूरत नहीं है लेकिन शायद आपकी समस्या उस से आ रही है।

Answer 2

डिफ़ॉल्ट कर्सर आप draggableCursor चर को undefinded assing कर सकते हैं करने के लिए वापस करने के लिए:

map.setOptions({draggableCursor: undefined}) 

Answer 3

जो एसवीजी अपने draggableCursor के रूप में स्थापित करने के लिए देख रहे हैं उन लोगों के लिए। नीचे हमें समाधान।

map.setOptions({ draggableCursor : "url(PATH_TO_YOUR_SVG.svg), pointer" }); 

मुझे यह संभव है।