मार्कर

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

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

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

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

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

डिफ़ॉल्ट मार्कर आइकॉन को कस्टम एसवीजी रिसॉर्स से बदलें.

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

मार्कर को एक्सट्रूड करके और ऊंचाई सेट करके, मार्कर की ऊंचाई सेट की जा सकती है.

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

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) की तुलना में कम परफ़ॉर्म करते हैं. जिन ऐप्लिकेशन में 1,000 से ज़्यादा मार्कर होते हैं उनके लिए, Marker3dElement क्लास का इस्तेमाल करने का सुझाव दिया जाता है, ताकि बेहतर परफ़ॉर्मेंस मिल सके.

अगला चरण

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