অ্যাডভান্সড মার্কার দুটি ক্লাস ব্যবহার করে মার্কার সংজ্ঞায়িত করে: GMSAdvancedMarker ক্লাসটি ডিফল্ট মার্কার বৈশিষ্ট্য প্রদান করে, এবং GMSPinImageOptions আরও কাস্টমাইজেশনের জন্য অপশন থাকে। এই পৃষ্ঠাটি আপনাকে দেখাবে কিভাবে নিম্নলিখিত উপায়ে মার্কার কাস্টমাইজ করতে হয়:
- পটভূমির রঙ পরিবর্তন করুন
- বর্ডারের রঙ পরিবর্তন করুন
- গ্লিফের রঙ পরিবর্তন করুন
- গ্লিফ টেক্সট পরিবর্তন করুন
- iconView প্রপার্টির মাধ্যমে কাস্টম ভিউ এবং অ্যানিমেশন সমর্থন করুন।
পটভূমির রঙ পরিবর্তন করুন
মার্কারের ব্যাকগ্রাউন্ড কালার পরিবর্তন করতে GMSPinImageOptions.backgroundColor অপশনটি ব্যবহার করুন।
সুইফট
//... let options = GMSPinImageOptions() options.backgroundColor = .blue let pinImage = GMSPinImage(options: options) advancedMarker.icon = pinImage advancedMarker.map = mapView
উদ্দেশ্য-সি
//... GMSPinImageOptions *options = [[GMSPinImageOptions alloc] init]; options.backgroundColor = [UIColor blueColor]; GMSPinImage *pin = [GMSPinImage pinImageWithOptions:options]; customTextMarker.icon = pin; customTextMarker.map = mapView;
বর্ডারের রঙ পরিবর্তন করুন
মার্কারের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করতে GMSPinImageOptions.borderColor অপশনটি ব্যবহার করুন।
সুইফট
//... let options = GMSPinImageOptions() options.borderColor = .blue let pinImage = GMSPinImage(options: options) advancedMarker.icon = pinImage advancedMarker.map = mapView
উদ্দেশ্য-সি
//... GMSPinImageOptions *options = [[GMSPinImageOptions alloc] init]; options.backgroundColor = [UIColor blueColor]; GMSPinImage *pin = [GMSPinImage pinImageWithOptions:options]; advancedMarker.icon = pin; advancedMarker.map = mapView;
গ্লিফের রঙ পরিবর্তন করুন
মার্কারের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করতে GMSPinImageGlyph.glyphColor ব্যবহার করুন।
সুইফট
//... let options = GMSPinImageOptions() let glyph = GMSPinImageGlyph(glyphColor: .yellow) options.glyph = glyph let glyphColor = GMSPinImage(options: options) advancedMarker.icon = glyphColor advancedMarker.map = mapView
উদ্দেশ্য-সি
//... GMSPinImageOptions *options = [[GMSPinImageOptions alloc] init]; options.glyph = [[GMSPinImageGlyph alloc] initWithGlyphColor:[UIColor yellowColor]]; GMSPinImage *glyphColor = [GMSPinImage pinImageWithOptions:options]; advancedMarker.icon = glyphColor; advancedMarker.map = mapView;
গ্লিফ টেক্সট পরিবর্তন করুন
কোনো মার্কারের গ্লিফ টেক্সট পরিবর্তন করতে GMSPinImageGlyph ব্যবহার করুন।
সুইফট
//... let options = GMSPinImageOptions() let glyph = GMSPinImageGlyph(text: "ABC", textColor: .white) options.glyph = glyph let pinImage = GMSPinImage(options: options) advancedMarker.icon = pinImage advancedMarker.map = mapView
উদ্দেশ্য-সি
//... GMSPinImageOptions *options = [[GMSPinImageOptions alloc] init]; options.glyph = [[GMSPinImageGlyph alloc] initWithText:@"ABC" textColor:[UIColor whiteColor]]; GMSPinImage *pin = [GMSPinImage pinImageWithOptions:options]; customTextMarker.icon = pin; customTextMarker.map = mapView;
iconView প্রপার্টির মাধ্যমে কাস্টম ভিউ এবং অ্যানিমেশন সমর্থন করুন।
GMSMarker মতোই, GMSAdvancedMarker ও iconView সহ মার্কার সমর্থন করে। iconView প্রপার্টিটি frame এবং center ছাড়া UIView এর সমস্ত অ্যানিমেটেবল প্রপার্টির অ্যানিমেশন সমর্থন করে। এটি একই ম্যাপে প্রদর্শিত iconViews এবং icons সহ মার্কার সমর্থন করে না।
সুইফট
//... let advancedMarker = GMSAdvancedMarker(position: coordinate) advancedMarker.iconView = customView() advancedMarker.map = mapView func customView() -> UIView { // return your custom UIView. }
উদ্দেশ্য-সি
//... GMSAdvancedMarker *advancedMarker = [GMSAdvancedMarker markerWithPosition:kCoordinate]; advancedMarker.iconView = [self customView]; advancedMarker.map = self.mapView; - (UIView *)customView { // return custom view }
লেআউট সীমাবদ্ধতা
GMSAdvancedMarker তার iconView জন্য সরাসরি লেআউট কনস্ট্রেইন্ট সমর্থন করে না। তবে, আপনি iconView এর মধ্যে ইউজার ইন্টারফেস এলিমেন্টগুলোর জন্য লেআউট কনস্ট্রেইন্ট সেট করতে পারেন। আপনার ভিউ তৈরি করার সময়, অবজেক্ট frame বা size মার্কারে পাস করতে হবে।
সুইফট
//do not set advancedMarker.iconView.translatesAutoresizingMaskIntoConstraints = false let advancedMarker = GMSAdvancedMarker(position: coordinate) let customView = customView() //set frame customView.frame = CGRect(0, 0, width, height) advancedMarker.iconView = customView
উদ্দেশ্য-সি
//do not set advancedMarker.iconView.translatesAutoresizingMaskIntoConstraints = NO; GMSAdvancedMarker *advancedMarker = [GMSAdvancedMarker markerWithPosition:kCoordinate]; CustomView *customView = [self customView]; //set frame customView.frame = CGRectMake(0, 0, width, height); advancedMarker.iconView = customView;