একটি উন্নত মার্কার তৈরি করুন

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস জাভাস্ক্রিপ্ট

ম্যাপে অ্যাডভান্সড মার্কার যোগ করতে, AdvancedMarkerOptions এর একটি নতুন ইনস্ট্যান্স তৈরি করুন এবং তারপরে মার্কারটি যোগ করতে GoogleMap.addMarker() ব্যবহার করুন:

কোটলিন

private val SYDNEY = LatLng(-33.87365, 151.20689)

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

জাভা

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 ক্লাসের একটি ইনস্ট্যান্স তৈরি করুন, এবং তারপর সেই PinConfig ইনস্ট্যান্সটি ব্যবহার করে AdvancedMarkerOptions ইনস্ট্যান্সটি কনফিগার করুন।

  ব্যাকগ্রাউন্ড কালার, বর্ডার কালার এবং গ্লিফের মতো মার্কারের উন্নত বৈশিষ্ট্যগুলো কাস্টমাইজ করতে PinConfig ব্যবহার করুন।

• Android View ক্লাসের একটি ইনস্ট্যান্স তৈরি করুন এবং সেই ইনস্ট্যান্সটি ব্যবহার করে AdvancedMarkerOptions ইনস্ট্যান্সটি কনফিগার করুন।

  ভিউ ইনস্ট্যান্সটি আপনাকে মার্কারটি সম্পূর্ণরূপে কাস্টমাইজ করার সুযোগ দেয়।

PinConfig ব্যবহার করুন

PinConfig ক্লাসে উন্নত মার্কার কাস্টমাইজ করার জন্য অপশন রয়েছে। PinConfig ব্যবহার করুন:

• পটভূমির রঙ পরিবর্তন করুন
• বর্ডারের রঙ পরিবর্তন করুন
• গ্লিফের রঙ পরিবর্তন করুন অথবা টেক্সট যোগ করুন
• গ্লিফটি লুকান

চিত্র ১ : অ্যাডভান্সড মার্কারের অংশসমূহ।

PinConfig এর একটি ইনস্ট্যান্স তৈরি করতে PinConfig.Builder ব্যবহার করুন:

কোটলিন

// 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)

জাভা

// 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() মেথডটি ব্যবহার করুন:

কোটলিন

// 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 PinConfig.Builder to create an instance of PinConfig.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
PinConfig pinConfig = pinConfigBuilder.build();

বর্ডারের রঙ পরিবর্তন করুন

মার্কারের বর্ডার কালার পরিবর্তন করতে PinConfig.borderColor() মেথডটি ব্যবহার করুন:

কোটলিন

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

জাভা

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

গ্লিফ পরিবর্তন করুন

একটি Glyph ইনস্ট্যান্স তৈরি করুন এবং তারপর সেই ইনস্ট্যান্সটি ব্যবহার করে PinConfig ) কনফিগার করুন। গ্লিফটি ব্যবহার করে গ্লিফ টেক্সট ও টেক্সটের রঙ, গ্লিফের রঙ সেট করুন, অথবা গ্লিফ হিসেবে ব্যবহারের জন্য একটি কাস্টম ছবি নির্দিষ্ট করুন।

নিম্নলিখিত উদাহরণটি গ্লিফ টেক্সট সেট করে:

কোটলিন

// 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()

জাভা

// 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();

গ্লিফের রঙ নির্ধারণ করুন:

কোটলিন

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

জাভা

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

গ্লিফটির জন্য একটি নিজস্ব ছবি সেট করুন। মার্কারটিতে নিজস্ব লোগো বা অন্য কোনো দৃশ্যমান নির্দেশক ব্যবহার করতে চাইলে এই কৌশলটি কার্যকর।

কোটলিন

// 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()

জাভা

// 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();

গ্লিফটি লুকান

আপনি গ্লিফটি লুকাতে পারেন যাতে পটভূমির রঙ পুরো মার্কারটি জুড়ে থাকে:

কোটলিন

// 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()

জাভা

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

আইকনভিউ ব্যবহার করুন

AdvancedMarkerOptions.iconView() মেথডটি আপনাকে যেকোনো অ্যান্ড্রয়েড View মার্কার হিসেবে ব্যবহার করার সুযোগ দেয়। একটি ভিউকে মার্কার হিসেবে ব্যবহার করার মাধ্যমে, মার্কারটির উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ থাকে।

দ্রষ্টব্য: মার্কার হিসেবে কোনো View ব্যবহার করার সময়, সেটিকে সরানোর জন্য View উপর কোনো অপারেশন করবেন না। পরিবর্তে, Marker পরিবর্তন করুন। উদাহরণস্বরূপ, View ঘোরানোর জন্য Marker.setRotation() মেথডটি ব্যবহার করুন। View সরাসরি ঘোরাবেন না।

আপনার অ্যাপে, প্রথমে ভিউটি তৈরি করুন, তারপর অ্যাডভান্সড মার্কারে ভিউটি যুক্ত করতে AdvancedMarkerOptions.iconView() মেথডটি ব্যবহার করুন।

কোটলিন

// 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)
)

জাভা

// 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 মার্কার সহ একটি ম্যাপ ভিউ-এর পারফরম্যান্স বিটম্যাপ বা ডিফল্ট মার্কারের পারফরম্যান্সের সাথে নাও মিলতে পারে।

পরবর্তী পদক্ষেপ:

• সংঘর্ষের আচরণ