बेहतर मार्कर बनाना

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

किसी मैप में ऐडवांस मार्कर जोड़ने के लिए, AdvancedMarkerOptions का नया इंस्टेंस बनाएं. इसके बाद, मार्कर जोड़ने के लिए GoogleMap.addMarker() का इस्तेमाल करें:

Kotlin

private val SYDNEY = LatLng(-33.87365, 151.20689)

val marker: Marker? = map.addMarker(
    AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
        .zIndex(zIndex)
)

Java

private final LatLng SYDNEY = new LatLng(-33.87365, 151.20689);

Marker marker = map.addMarker(
    new AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
        .zIndex(zIndex));

GoogleMap.addMarker(), Marker का एक इंस्टेंस दिखाता है. अगर ज़रूरी हो, तो दिखाई गई वैल्यू को AdvancedMarker में कास्ट किया जा सकता है.

ऐडवांस मार्कर कॉन्फ़िगर करने के लिए, AdvancedMarkerOptions का इस्तेमाल करें. AdvancedMarkerOptions, MarkerOptions का सबक्लास है. इसलिए, इसमें MarkerOptions की सभी सेटिंग काम करती हैं.

AdvancedMarkerOptions की मदद से ये काम भी किए जा सकते हैं:

• PinConfig क्लास का इंस्टेंस बनाएं. इसके बाद, AdvancedMarkerOptions इंस्टेंस को कॉन्फ़िगर करने के लिए, PinConfig इंस्टेंस का इस्तेमाल करें.

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

• Android View क्लास का एक इंस्टेंस बनाएं और उस इंस्टेंस का इस्तेमाल करके, AdvancedMarkerOptions इंस्टेंस को कॉन्फ़िगर करें.

  View इंस्टेंस की मदद से, मार्कर को पूरी तरह से पसंद के मुताबिक बनाया जा सकता है.

PinConfig का इस्तेमाल करना

PinConfig क्लास में, ऐडवांस मार्कर को पसंद के मुताबिक बनाने के विकल्प होते हैं. PinConfig का इस्तेमाल इन कामों के लिए किया जा सकता है:

• बैकग्राउंड का रंग बदलना
• बॉर्डर का रंग बदलना
• ग्लिफ़ का रंग बदलना या टेक्स्ट जोड़ना
• ग्लिफ़ छिपाना

पहली इमेज: ऐडवांस मार्कर के हिस्से.

PinConfig का इंस्टेंस बनाने के लिए, PinConfig.Builder का इस्तेमाल करें:

Kotlin

// Use PinConfig.Builder to create an instance of PinConfig.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
val pinConfig: PinConfig = pinConfigBuilder.build()


// Use the  PinConfig instance to set the icon for AdvancedMarkerOptions.
val advancedMarkerOptions: AdvancedMarkerOptions = AdvancedMarkerOptions()
    .icon(BitmapDescriptorFactory.fromPinConfig(pinConfig))
    .position(MARKER_POSITION)

// Pass the AdvancedMarkerOptions instance to addMarker().
val marker: Marker? = map.addMarker(advancedMarkerOptions)

Java

// Use PinConfig.Builder to create an instance of PinConfig.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
PinConfig pinConfig = pinConfigBuilder.build();

// Use the  PinConfig instance to set the icon for AdvancedMarkerOptions.
AdvancedMarkerOptions advancedMarkerOptions =
    new AdvancedMarkerOptions()
        .icon(BitmapDescriptorFactory.fromPinConfig(pinConfig))
        .position(MARKER_POSITION);

// Pass the AdvancedMarkerOptions instance to addMarker().
Marker marker = map.addMarker(advancedMarkerOptions);

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

किसी मार्कर के बैकग्राउंड का रंग बदलने के लिए, PinConfig.background() तरीके का इस्तेमाल करें:

Kotlin

// Use PinConfig.Builder to create an instance of PinConfig.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Use PinConfig.Builder to create an instance of PinConfig.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
PinConfig pinConfig = pinConfigBuilder.build();

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

मार्कर के बॉर्डर का रंग बदलने के लिए, PinConfig.borderColor() तरीके का इस्तेमाल करें:

Kotlin

// Set the border color.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBorderColor(Color.BLUE)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the border color.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBorderColor(Color.BLUE);
PinConfig pinConfig = pinConfigBuilder.build();

ग्लिफ़ बदलना

Glyph इंस्टेंस बनाएं. इसके बाद, PinConfig को कॉन्फ़िगर करने के लिए उस इंस्टेंस का इस्तेमाल करें. ग्लाइफ़ टेक्स्ट और टेक्स्ट का रंग, ग्लाइफ़ का रंग सेट करने के लिए ग्लाइफ़ का इस्तेमाल करें. इसके अलावा, ग्लाइफ़ के तौर पर इस्तेमाल करने के लिए, अपनी पसंद के मुताबिक इमेज तय करें.

यहां दिए गए उदाहरण में, ग्लिफ़ का टेक्स्ट सेट करने का तरीका बताया गया है:

Kotlin

// Set the glyph text.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
val glyphText = Glyph("A")

// Alteratively, you can set the text color:
// Glyph glyphText = new Glyph("A", Color.GREEN);

pinConfigBuilder.setGlyph(glyphText)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the glyph text.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
PinConfig.Glyph glyphText = new PinConfig.Glyph("A");

// Alternatively, you can set the text color:
// PinConfig.Glyph glyphText = new PinConfig.Glyph("A", Color.GREEN);

pinConfigBuilder.setGlyph(glyphText);
PinConfig pinConfig = pinConfigBuilder.build();

ग्लिफ़ का रंग सेट करें:

Kotlin

val glyphColor = PinConfig.Glyph(Color.BLUE)
pinConfigBuilder.setGlyph(glyphColor)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

PinConfig.Glyph glyphColor = new PinConfig.Glyph(Color.BLUE);
pinConfigBuilder.setGlyph(glyphColor);
PinConfig pinConfig = pinConfigBuilder.build();

ग्लिफ़ के लिए कस्टम इमेज सेट करें. अगर आपको मार्कर में कस्टम लोगो या अन्य विज़ुअल इंडिकेटर का इस्तेमाल करना है, तो यह तकनीक आपके लिए काम की है.

Kotlin

// Set the glyph image.
val glyphImage: Int = R.drawable.example_image
val descriptor = PinConfig.BitmapDescriptorFactory.fromResource(glyphImage)
pinConfigBuilder.setGlyph(Glyph(descriptor))
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the glyph image.
int glyphImage = R.drawable.example_image;
BitmapDescriptor descriptor = BitmapDescriptorFactory.fromResource(glyphImage);
pinConfigBuilder.setGlyph(new PinConfig.Glyph(descriptor));
PinConfig pinConfig = pinConfigBuilder.build();

ग्लिफ़ छिपाना

आपके पास ग्लिफ़ को छिपाने का विकल्प होता है, ताकि बैकग्राउंड का रंग पूरे मार्कर में भर जाए:

Kotlin

// Create a transparent glyph.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
pinConfigBuilder.setGlyph(PinConfig.Glyph(Color.TRANSPARENT))
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Create a transparent glyph.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
pinConfigBuilder.setGlyph(new PinConfig.Glyph(Color.TRANSPARENT));
PinConfig pinConfig = pinConfigBuilder.build();

iconView का इस्तेमाल करना

AdvancedMarkerOptions.iconView() तरीके से, किसी भी Android View को मार्कर के तौर पर इस्तेमाल किया जा सकता है. मार्कर के तौर पर व्यू का इस्तेमाल करने पर, आपके पास मार्कर को पूरी तरह से कंट्रोल करने का विकल्प होता है.

ध्यान दें: मार्कर के तौर पर View का इस्तेमाल करते समय, इसे दूसरी जगह ले जाने के लिए View पर कोई कार्रवाई न करें. इसके बजाय, Marker में ही बदलाव करें. उदाहरण के लिए, View को घुमाने के लिए, Marker.setRotation() तरीके का इस्तेमाल करें. View को न घुमाएं.

अपने ऐप्लिकेशन में, सबसे पहले व्यू बनाएं. इसके बाद, व्यू को ऐडवांस मार्कर में जोड़ने के लिए, AdvancedMarkerOptions.iconView() तरीके का इस्तेमाल करें.

Kotlin

// Create a TextView to use as the marker.
val textView = TextView(this)
textView.text = "Hello!!"
textView.setBackgroundColor(Color.BLACK)
textView.setTextColor(Color.YELLOW)

val marker: Marker? = map.addMarker(
    AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
)

Java

// Create a TextView to use as the marker.
TextView textView = new TextView(this);
textView.setText("Hello!!");
textView.setBackgroundColor(Color.BLACK);
textView.setTextColor(Color.YELLOW);

Marker marker = map.addMarker(
    new AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView));

चेतावनी: ऐसा हो सकता है कि iconView मार्कर वाले मैप व्यू की परफ़ॉर्मेंस, बिटमैप या डिफ़ॉल्ट मार्कर की परफ़ॉर्मेंस से मेल न खाए.

अगले चरण:

• एक से ज़्यादा मार्कर कंट्रोल करने से जुड़ी सेटिंग