PinStyle অবজেক্টটি কনফিগার করার মাধ্যমে আপনি মার্কারের বাহ্যিক রূপ কাস্টমাইজ করতে পারেন। PinStyle টাইপটি ব্যাকগ্রাউন্ড ও বর্ডারের রঙ, গ্লিফ টেক্সট ও রঙ, উচ্চতা, ব্যবহৃতব্য ইমেজ এবং অতিরিক্ত কাস্টমাইজেশনের জন্য আরও বিভিন্ন অপশন প্রদান করে।
নিম্নলিখিত কোড নমুনাটি দেখায় কিভাবে একটি নতুন মার্কার তৈরি করতে হয় এবং উপলব্ধ কিছু কাস্টমাইজেশন বিকল্প ব্যবহার করে সেটিকে স্টাইল করতে হয়:
Map(mode: .hybrid) {
Marker(
position: .init(latitude: 51.5074, longitude: -0.1278, altitude: 0.0),
label: "London",
style: .pin(.init(scale: 2.0))
)
}
এই পৃষ্ঠাটি আপনাকে নিম্নলিখিত উপায়ে মার্কার কাস্টমাইজ করার পদ্ধতি দেখাবে:
মার্কারটি স্কেল করুন
মার্কারের আকার পরিবর্তন করতে, scale অপশনটি ব্যবহার করুন:
Map(mode: .hybrid) {
Marker(
position: .init(latitude: 35.6762, longitude: 139.6503, altitude: 0.0),
label: "Tokyo",
style: .pin(
.init(
backgroundColor: .blue,
borderColor: .yellow,
scale: 2.0
) {Text("G").minimumScaleFactor(0.01)}
)
)
}
পটভূমির রঙ পরিবর্তন করুন
মার্কারের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করতে PinElement.background অপশনটি ব্যবহার করুন:
Map(mode: .hybrid){
Marker(
position: .init(latitude: 48.8566, longitude: 2.3522, altitude: 0.0),
label: "Paris",
style: .pin(.init(backgroundColor: .yellow)) // Changes the pin's background color
)
}
বর্ডারের রঙ পরিবর্তন করুন
মার্কারের বর্ডার কালার পরিবর্তন করতে markerOptions.borderColor অপশনটি ব্যবহার করুন:
Map(mode: .hybrid){
Marker(
position: .init(latitude: -22.9068, longitude: -43.1729, altitude: 0.0),
label: "Rio de Janeiro",
style: .pin(.init(backgroundColor: .green, borderColor: .brown)) // Customizes the pin border
)
}
একটি গ্লিফে টেক্সট যোগ করুন
ডিফল্ট গ্লিফকে একটি টেক্সট ক্যারেক্টার দিয়ে প্রতিস্থাপন করতে markerOptions.glyph মেথডটি ব্যবহার করুন। মার্কারের টেক্সট গ্লিফটি মার্কারের সাথে সাথে স্কেল হয়:
Map(mode: .hybrid){
Marker(
position: .init(latitude: 25.2048, longitude: 55.2708, altitude: 0.0),
label: "Dubai",
style: .pin(.init(backgroundColor: .green)) {
Text("D") // Adds text inside the marker glyph
}
)
}