मार्कर को पसंद के मुताबिक बनाना

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

न्यू यॉर्क शहर की 3D इमेज, जिसमें एंपायर स्टेट बिल्डिंग दिख रही है. इसके ऊपर तीन कस्टम डिजिटल मार्कर फ़्लोट कर रहे हैं. इनमें से एक मार्कर पर कार्टून गोरिल्ला की इमेज है, जिस पर

pinConfiguration कंस्ट्रक्टर का इस्तेमाल करके, मार्कर की स्टाइल को पसंद के मुताबिक बनाया जा सकता है. pinConfiguration कंस्ट्रक्टर, बैकग्राउंड और बॉर्डर के रंग, ग्लिफ़ टेक्स्ट और रंग, ऊंचाई, इस्तेमाल की जाने वाली इमेज, और ज़्यादा विकल्पों को बदलने के तरीके उपलब्ध कराता है.

यहां दिए गए कोड के सैंपल में, नया मार्कर बनाने और उसे स्टाइल करने का तरीका बताया गया है. इसके लिए, पसंद के मुताबिक बनाने के कुछ उपलब्ध विकल्पों का इस्तेमाल किया गया है:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
     borderColor = Color.GREEN
     glyph = Glyph.fromColor(Color.RED)
   }
 }
)

इस पेज पर, मार्कर को इन तरीकों से पसंद के मुताबिक बनाने का तरीका बताया गया है:

मार्कर का साइज़ बदलना

मार्कर का साइज़ बदलने के लिए, scale विकल्प का इस्तेमाल करें:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     scale = 3.14
   }
 }
)

बैकग्राउंड का रंग बदलना

बनाने के दौरान मार्कर के बैकग्राउंड का रंग बदलने के लिए, PinElement.background विकल्प का इस्तेमाल करें:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
   }
 }
)

बॉर्डर का रंग बदलना

बनाने के दौरान मार्कर के बॉर्डर का रंग बदलने के लिए, markerOptions.borderColor विकल्प का इस्तेमाल करें:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     borderColor = Color.GREEN
   }
 }
)

किसी ग्लिफ़ में टेक्स्ट जोड़ना

डिफ़ॉल्ट ग्लिफ़ को टेक्स्ट वर्ण से बदलने के लिए, markerOptions.glyph तरीके का इस्तेमाल करें. मार्कर के साथ मार्कर का टेक्स्ट ग्लिफ़ स्केल होता है:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     glyph = Glyph.fromText("G")
   }
 }
)

इमेज को मार्कर के तौर पर इस्तेमाल करना

Map.addMarker(markerOptions {
  position = latLngAltitude {
      latitude = 40.7484
      longitude = -73.9857
      altitude = 100.0
  }
  zIndex = 1
  label = "Empire State Building"
  isExtruded = true
  isDrawnWhenOccluded = true
  altitudeMode = AltitudeMode.RELATIVE_TO_MESH
  setStyle(ImageView(R.drawable.ook))
})

मार्कर हटाना

मैप से मार्कर हटाने के लिए, Marker.remove() का इस्तेमाल करें:

marker.remove();