मैप पर किसी जगह पर उपयोगकर्ता का ध्यान खींचने के लिए, मार्कर का इस्तेमाल करें. इस गाइड में 3D मैप में मार्कर का इस्तेमाल करने और उन्हें पसंद के मुताबिक बनाने का तरीका बताया गया है. मार्कर के आकार, साइज़, और रंग को कंट्रोल किया जा सकता है. इसके अलावा, मार्कर की ऊंचाई भी कंट्रोल की जा सकती है.
मैप पर स्थान दिखाने के लिए मार्कर का उपयोग करें. ऊपर दिया गया उदाहरण एक बेसिक और सिंगल मार्कर दिखाता है. इसमें पसंद के मुताबिक बदलाव नहीं किया गया है.
रंग, स्केल, और आइकॉन इमेज को पसंद के मुताबिक बनाएं
डिफ़ॉल्ट मार्कर के बैकग्राउंड, ग्लिफ़, बॉर्डर का रंग, और साइज़ को पसंद के मुताबिक बनाएं.
डिफ़ॉल्ट मार्कर आइकॉन को पसंद के मुताबिक बनाए गए SVG संसाधन से बदलें.
मार्कर की ऊंचाई सेट करें
आप मार्कर बाहर निकालकर और ऊंचाई सेट करके मार्कर की ऊंचाई सेट कर सकते हैं.
मार्कर को क्लिक और कीबोर्ड इवेंट का जवाब देने के लिए सेट करें
click इवेंट लिसनर जोड़कर, क्लिक और कीबोर्ड इवेंट का जवाब देने के लिए मार्कर बनाएं.
function initMap() {
const map = new Map3DElement({
center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
tilt: 67.5,
range: 45000,
mode: MapMode.HYBRID
});
const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
map,
position: {lat: 37.4239163, lng: -122.0947209},
});
interactiveMarker.addEventListener('gmp-click', (event) => {
// Handle the click event.
// ...
});
}
मार्कर के टकराने का व्यवहार सेट करना
तय करें कि जब कोई मार्कर किसी दूसरे मार्कर या मैप लेबल से टकराए, तो उसे क्या काम करना चाहिए.
const marker = new Marker3DElement({
position: {lat, lng},
collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});