मार्कर

मैप पर किसी जगह पर उपयोगकर्ता का ध्यान खींचने के लिए, मार्कर का इस्तेमाल करें. इस गाइड में, 3D मैप में मार्कर इस्तेमाल करने और उन्हें पसंद के मुताबिक बनाने का तरीका बताया गया है. मार्कर के आकार, साइज़, और रंग को कंट्रोल किया जा सकता है. इसके अलावा, यह भी तय किया जा सकता है कि वे किस ऊंचाई पर दिखें. इस उदाहरण में, एक बेसिक मार्कर दिखाया गया है:

Maps JavaScript में 3D Maps, दो अलग-अलग मार्कर क्लास उपलब्ध कराता है. हर क्लास को खास इस्तेमाल के लिए ऑप्टिमाइज़ किया गया है. यहां दी गई टेबल में, उपलब्ध दोनों क्लास के बीच के अंतर और उनके फ़ायदों और नुकसानों के बारे में बताया गया है:

अनुमति	MarkerElement	Marker3DElement
कस्टमाइज़ेशन	ज़्यादा (इसमें कस्टम एचटीएमएल एलिमेंट, कोर ऐनिमेशन एपीआई वगैरह काम करते हैं)	कम (इसमें बदलाव कम किया जा सकता है)
परफ़ॉर्मेंस	इंटरैक्शन की परफ़ॉर्मेंस कम होना (ज़्यादा मार्कर होने पर एफ़पीएस कम हो जाते हैं)	बेहतर इंटरैक्शन परफ़ॉर्मेंस (बड़े डेटासेट को रेंडर करने के लिए ऑप्टिमाइज़ किया गया)
सुझाई गई क्षमता	ज़्यादा से ज़्यादा 1,000 मार्कर के साथ भरोसेमंद इंटरैक्शन परफ़ॉर्मेंस	1,000 से ज़्यादा मार्कर मैनेज करने के लिए सुझाया गया

रंग, स्केल, और आइकॉन इमेज को पसंद के मुताबिक बनाना

डिफ़ॉल्ट मार्कर के बैकग्राउंड, ग्लिफ़, बॉर्डर के रंग, और साइज़ को पसंद के मुताबिक बनाएं.

डिफ़ॉल्ट मार्कर आइकॉन को कस्टम SVG संसाधन से बदलें.

मार्कर की ऊंचाई सेट करना

मार्कर को बाहर निकालकर और ऊंचाई सेट करके, मार्कर की ऊंचाई सेट की जा सकती है.

मार्कर को क्लिक और कीबोर्ड इवेंट के हिसाब से काम करने के लिए सेट करना

click इवेंट लिसनर जोड़कर, मार्कर को क्लिक और कीबोर्ड इवेंट पर प्रतिक्रिया देने के लिए सेट करें.

const interactiveMarker = new Marker3DInteractiveElement({
    position,
    gmpPopoverTargetElement: popover,
});
index.js

मार्कर कोलिशन का व्यवहार सेट करना

यह तय करें कि जब कोई मार्कर किसी दूसरे मार्कर या मैप लेबल से टकराता है, तो उसका व्यवहार कैसा होना चाहिए.

const marker = new Marker3DElement({
    position: { lat, lng },
    // Try setting a different collision behavior here.
    collisionBehavior: 'REQUIRED',
});
index.js

मार्कर की परफ़ॉर्मेंस

कस्टम एचटीएमएल मार्कर (MarkerElement), स्टैंडर्ड 3D मार्कर (Marker3DElement) के मुकाबले कम परफ़ॉर्म करते हैं. एक हज़ार से ज़्यादा मार्कर वाले ऐप्लिकेशन के लिए, Marker3dElement क्लास का इस्तेमाल करने का सुझाव दिया जाता है, ताकि बेहतर परफ़ॉर्मेंस मिल सके.

अगला चरण

• मार्कर जोड़ना