নতুন বেসম্যাপ স্টাইলিং শীঘ্রই গুগল ম্যাপ প্ল্যাটফর্মে আসছে। মানচিত্র স্টাইলিংয়ের এই আপডেটে একটি নতুন ডিফল্ট রঙ প্যালেট, আধুনিক পিন এবং মানচিত্রের অভিজ্ঞতা এবং ব্যবহারযোগ্যতার উন্নতি অন্তর্ভুক্ত রয়েছে। সমস্ত মানচিত্রের শৈলী মার্চ 2025-এ স্বয়ংক্রিয়ভাবে আপডেট হবে। প্রাপ্যতা এবং আগে কীভাবে নির্বাচন করবেন সে সম্পর্কে আরও তথ্যের জন্য, Google Maps প্ল্যাটফর্মের জন্য নতুন মানচিত্রের শৈলী দেখুন।
মানচিত্রে বৈশিষ্ট্যগুলির শৈলী পরিবর্তন করার পাশাপাশি, আপনি সেগুলি সম্পূর্ণরূপে লুকিয়ে রাখতে পারেন৷ এই উদাহরণটি আপনাকে দেখায় কিভাবে আপনার মানচিত্রে ব্যবসায়িক আগ্রহের পয়েন্ট (POI) এবং পাবলিক ট্রানজিট আইকনগুলি লুকাতে হয়৷
স্টাইলিং শুধুমাত্র kGMSTypeNormal মানচিত্রের প্রকারে কাজ করে।
আপনার মানচিত্রে শৈলী প্রয়োগ করা হচ্ছে
একটি মানচিত্রে কাস্টম মানচিত্র শৈলী প্রয়োগ করতে, একটি GMSMapStyle দৃষ্টান্ত তৈরি করতে, একটি স্থানীয় JSON ফাইলের URL বা শৈলী সংজ্ঞা সম্বলিত JSON স্ট্রিং তৈরি করতে GMSMapStyle(...) কল করুন৷ মানচিত্রের mapStyle বৈশিষ্ট্যে GMSMapStyle দৃষ্টান্ত বরাদ্দ করুন।
একটি JSON ফাইল ব্যবহার করে
নিম্নলিখিত উদাহরণগুলি GMSMapStyle(...) কল করা এবং একটি স্থানীয় ফাইলের জন্য একটি URL পাস করা দেখায়:
নিম্নলিখিত কোড নমুনা আপনার প্রকল্পে style.json নামে একটি ফাইল রয়েছে অনুমান করে:
সুইফট
importGoogleMapsclassMapStyling:UIViewController{// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing the URL of the local file.ifletstyleURL=Bundle.main.url(forResource:"style",withExtension:"json"){mapView.mapStyle=tryGMSMapStyle(contentsOfFileURL:styleURL)}else{NSLog("Unable to find style.json")}}catch{NSLog("One or more of the map styles failed to load. \(error)")}self.view=mapView}}
উদ্দেশ্য-C
#import "MapStyling.h"@importGoogleMaps;@interfaceMapStyling()@end@implementationMapStyling// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSBundle*mainBundle=[NSBundlemainBundle];NSURL*styleUrl=[mainBundleURLForResource:@"style"withExtension:@"json"];NSError*error;// Set the map style by passing the URL for style.json.GMSMapStyle*style=[GMSMapStylestyleWithContentsOfFileURL:styleUrlerror:&error];if(!style){NSLog(@"The style definition could not be loaded: %@",error);}mapView.mapStyle=style;self.view=mapView;}@end
শৈলী বিকল্পগুলি সংজ্ঞায়িত করতে, style.json নামে আপনার প্রকল্পে একটি নতুন ফাইল যুক্ত করুন এবং ব্যবসায়িক আগ্রহের পয়েন্ট (POIs) এবং পাবলিক ট্রানজিট আইকনগুলি লুকানোর জন্য নিম্নলিখিত JSON শৈলী ঘোষণাটি পেস্ট করুন:
নিম্নলিখিত উদাহরণগুলি GMSMapStyle() কল করা এবং একটি স্ট্রিং সংস্থান পাস করা দেখায়:
সুইফট
classMapStylingStringResource:UIViewController{letMapStyle="JSON_STYLE_GOES_HERE"// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing a valid JSON string.mapView.mapStyle=tryGMSMapStyle(jsonString:MapStyle)}catch{NSLog("One or more of the map styles failed to load. \(error)")}self.view=mapView}}
উদ্দেশ্য-C
@implementationMapStylingStringResource// Paste the JSON string to use.staticNSString*constkMapStyle=@"JSON_STYLE_GOES_HERE";// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSError*error;// Set the map style by passing a valid JSON string.GMSMapStyle*style=[GMSMapStylestyleWithJSONString:kMapStyleerror:&error];if(!style){NSLog(@"The style definition could not be loaded: %@",error);}mapView.mapStyle=style;self.view=mapView;}@end
নিম্নলিখিত শৈলী ঘোষণা ব্যবসায়িক আগ্রহের পয়েন্ট (POIs) এবং পাবলিক ট্রানজিট আইকনগুলিকে লুকিয়ে রাখে৷ kMapStyle ভেরিয়েবলের মান হিসাবে নিম্নলিখিত শৈলী স্ট্রিং আটকান:
স্টাইল করা মানচিত্র একটি মানচিত্রে রং এবং অন্যান্য শৈলী পরিবর্তন প্রয়োগ করতে দুটি ধারণা ব্যবহার করে:
নির্বাচকরা ভৌগলিক উপাদানগুলি নির্দিষ্ট করে যা আপনি মানচিত্রে স্টাইল করতে পারেন৷ এর মধ্যে রয়েছে রাস্তা, পার্ক, জলাশয় এবং আরও অনেক কিছু, সেইসাথে তাদের লেবেল। নির্বাচকদের মধ্যে বৈশিষ্ট্য এবং উপাদানগুলি অন্তর্ভুক্ত রয়েছে, যা featureType এবং elementType বৈশিষ্ট্য হিসাবে নির্দিষ্ট করা হয়েছে।
স্টাইলারগুলি হল রঙ এবং দৃশ্যমানতার বৈশিষ্ট্য যা আপনি মানচিত্রের উপাদানগুলিতে প্রয়োগ করতে পারেন। তারা রঙ, রঙ এবং হালকা/গামা মানগুলির সংমিশ্রণের মাধ্যমে প্রদর্শিত রঙকে সংজ্ঞায়িত করে।
JSON স্টাইলিং বিকল্পগুলির বিশদ বিবরণের জন্য স্টাইল রেফারেন্স দেখুন।
একটি JSON স্টাইলিং অবজেক্ট তৈরি করার দ্রুত উপায় হিসাবে মানচিত্র প্ল্যাটফর্ম স্টাইলিং উইজার্ড ব্যবহার করুন৷ iOS এর জন্য মানচিত্র SDK মানচিত্র জাভাস্ক্রিপ্ট API হিসাবে একই শৈলী ঘোষণা সমর্থন করে।
সম্পূর্ণ কোড নমুনা
GitHub-এ ApiDemos সংগ্রহস্থলে এমন নমুনা রয়েছে যা স্টাইলিং ব্যবহার প্রদর্শন করে।
মানচিত্রে বৈশিষ্ট্যগুলির শৈলী পরিবর্তন করার পাশাপাশি, আপনি সেগুলি সম্পূর্ণরূপে লুকিয়ে রাখতে পারেন৷ এই উদাহরণটি আপনাকে দেখায় কিভাবে আপনার মানচিত্রে ব্যবসায়িক আগ্রহের পয়েন্ট (POI) এবং পাবলিক ট্রানজিট আইকনগুলি লুকাতে হয়৷
স্টাইলিং শুধুমাত্র kGMSTypeNormal মানচিত্রের প্রকারে কাজ করে।
আপনার মানচিত্রে শৈলী প্রয়োগ করা হচ্ছে
একটি মানচিত্রে কাস্টম মানচিত্র শৈলী প্রয়োগ করতে, একটি GMSMapStyle দৃষ্টান্ত তৈরি করতে, একটি স্থানীয় JSON ফাইলের URL বা শৈলী সংজ্ঞা সম্বলিত JSON স্ট্রিং তৈরি করতে GMSMapStyle(...) কল করুন৷ মানচিত্রের mapStyle বৈশিষ্ট্যে GMSMapStyle দৃষ্টান্ত বরাদ্দ করুন।
একটি JSON ফাইল ব্যবহার করে
নিম্নলিখিত উদাহরণগুলি GMSMapStyle(...) কল করা এবং একটি স্থানীয় ফাইলের জন্য একটি URL পাস করা দেখায়:
নিম্নলিখিত কোড নমুনা আপনার প্রকল্পে style.json নামে একটি ফাইল রয়েছে অনুমান করে:
সুইফট
importGoogleMapsclassMapStyling:UIViewController{// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing the URL of the local file.ifletstyleURL=Bundle.main.url(forResource:"style",withExtension:"json"){mapView.mapStyle=tryGMSMapStyle(contentsOfFileURL:styleURL)}else{NSLog("Unable to find style.json")}}catch{NSLog("One or more of the map styles failed to load. \(error)")}self.view=mapView}}
উদ্দেশ্য-C
#import "MapStyling.h"@importGoogleMaps;@interfaceMapStyling()@end@implementationMapStyling// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSBundle*mainBundle=[NSBundlemainBundle];NSURL*styleUrl=[mainBundleURLForResource:@"style"withExtension:@"json"];NSError*error;// Set the map style by passing the URL for style.json.GMSMapStyle*style=[GMSMapStylestyleWithContentsOfFileURL:styleUrlerror:&error];if(!style){NSLog(@"The style definition could not be loaded: %@",error);}mapView.mapStyle=style;self.view=mapView;}@end
শৈলী বিকল্পগুলি সংজ্ঞায়িত করতে, style.json নামে আপনার প্রকল্পে একটি নতুন ফাইল যুক্ত করুন এবং ব্যবসায়িক আগ্রহের পয়েন্ট (POIs) এবং পাবলিক ট্রানজিট আইকনগুলি লুকানোর জন্য নিম্নলিখিত JSON শৈলী ঘোষণাটি পেস্ট করুন:
নিম্নলিখিত উদাহরণগুলি GMSMapStyle() কল করা এবং একটি স্ট্রিং সংস্থান পাস করা দেখায়:
সুইফট
classMapStylingStringResource:UIViewController{letMapStyle="JSON_STYLE_GOES_HERE"// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing a valid JSON string.mapView.mapStyle=tryGMSMapStyle(jsonString:MapStyle)}catch{NSLog("One or more of the map styles failed to load. \(error)")}self.view=mapView}}
উদ্দেশ্য-C
@implementationMapStylingStringResource// Paste the JSON string to use.staticNSString*constkMapStyle=@"JSON_STYLE_GOES_HERE";// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSError*error;// Set the map style by passing a valid JSON string.GMSMapStyle*style=[GMSMapStylestyleWithJSONString:kMapStyleerror:&error];if(!style){NSLog(@"The style definition could not be loaded: %@",error);}mapView.mapStyle=style;self.view=mapView;}@end
নিম্নলিখিত শৈলী ঘোষণা ব্যবসায়িক আগ্রহের পয়েন্ট (POIs) এবং পাবলিক ট্রানজিট আইকনগুলিকে লুকিয়ে রাখে৷ kMapStyle ভেরিয়েবলের মান হিসাবে নিম্নলিখিত শৈলী স্ট্রিং আটকান:
স্টাইল করা মানচিত্র একটি মানচিত্রে রং এবং অন্যান্য শৈলী পরিবর্তন প্রয়োগ করতে দুটি ধারণা ব্যবহার করে:
নির্বাচকরা ভৌগলিক উপাদানগুলি নির্দিষ্ট করে যা আপনি মানচিত্রে স্টাইল করতে পারেন৷ এর মধ্যে রয়েছে রাস্তা, পার্ক, জলাশয় এবং আরও অনেক কিছু, সেইসাথে তাদের লেবেল। নির্বাচকদের মধ্যে বৈশিষ্ট্য এবং উপাদানগুলি অন্তর্ভুক্ত রয়েছে, যা featureType এবং elementType বৈশিষ্ট্য হিসাবে নির্দিষ্ট করা হয়েছে।
স্টাইলারগুলি হল রঙ এবং দৃশ্যমানতার বৈশিষ্ট্য যা আপনি মানচিত্রের উপাদানগুলিতে প্রয়োগ করতে পারেন। তারা রঙ, রঙ এবং হালকা/গামা মানগুলির সংমিশ্রণের মাধ্যমে প্রদর্শিত রঙকে সংজ্ঞায়িত করে।
JSON স্টাইলিং বিকল্পগুলির বিশদ বিবরণের জন্য স্টাইল রেফারেন্স দেখুন।
একটি JSON স্টাইলিং অবজেক্ট তৈরি করার দ্রুত উপায় হিসাবে মানচিত্র প্ল্যাটফর্ম স্টাইলিং উইজার্ড ব্যবহার করুন৷ iOS এর জন্য মানচিত্র SDK মানচিত্র জাভাস্ক্রিপ্ট API হিসাবে একই শৈলী ঘোষণা সমর্থন করে।
সম্পূর্ণ কোড নমুনা
GitHub-এ ApiDemos সংগ্রহস্থলে এমন নমুনা রয়েছে যা স্টাইলিং ব্যবহার প্রদর্শন করে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2024-12-07 UTC-তে শেষবার আপডেট করা হয়েছে।"],[[["Learn how to hide map features like business POIs and transit icons using the Google Maps SDK for iOS."],["Apply custom styles by providing a local JSON file or a JSON string containing style definitions to the `mapStyle` property of your map."],["Utilize the `featureType` and `elementType` properties in your JSON to select the specific map components you want to style."],["Control the visibility and color of map elements through `stylers` in your JSON style declaration."],["Explore the Maps Platform Styling Wizard for a user-friendly way to generate JSON styling objects for your map."]]],[]]