আপনি নিম্নলিখিতগুলিতে এমবেডেড JSON শৈলী ঘোষণার মাধ্যমে কাস্টমাইজড স্টাইলিং প্রয়োগ করতে পারেন:
ডিফল্ট মানচিত্র।
মানচিত্র প্রকার যা একজন ব্যবহারকারী একটি একক মানচিত্রের ফ্রেমের মধ্যে পরিবর্তন করতে পারে৷
বৈশিষ্ট্যের শৈলী নির্দিষ্ট করুন
একটি মানচিত্রে বিভিন্ন বৈশিষ্ট্য এবং উপাদানগুলিতে শৈলী প্রয়োগ করতে, MapTypeStyle অবজেক্টগুলির একটি অ্যারে তৈরি করুন যা মানচিত্রটিকে কীভাবে স্টাইল করা উচিত তা সংজ্ঞায়িত করে।
অ্যারে নিম্নলিখিত ফর্ম নেয়:
varstylesArray=[{featureType:'',elementType:'',stylers:[{color:''},{visibility:''},// Add any stylers you need.]},{featureType:'',// Add the stylers you need.}]
featureType , elementType এবং stylers জন্য উপলব্ধ সমস্ত মানগুলির একটি তালিকার জন্য, JSON শৈলী রেফারেন্স দেখুন।
নিচেরটি একটি অন্ধকার ব্যাকগ্রাউন্ডে (যেমন অন্ধকার মোড) হালকা রঙের টেক্সট এবং আইকন ব্যবহার করে স্টাইল করা একটি উদাহরণ ডিফল্ট মানচিত্র দেখায়। কোড নমুনা দেখতে, স্টাইল করা মানচিত্র - নাইট মোড কোড নমুনায় যান।
লেবেল এবং রাস্তার পরিবর্তনগুলি ভূখণ্ড, স্যাটেলাইট, হাইব্রিড এবং ডিফল্ট রোডম্যাপের ধরন সহ সমস্ত মানচিত্রের প্রকারগুলিকে প্রভাবিত করে৷
একটি মানচিত্র ধরনের শৈলী প্রয়োগ করুন
নিম্নলিখিতটি মানচিত্রের উপরের বাম দিকে নিয়ন্ত্রণে স্টাইলড ম্যাপ নামে একটি যুক্ত মানচিত্র প্রকার দেখায়। কোড নমুনা দেখতে, শৈলীযুক্ত মানচিত্রের প্রকারগুলিতে যান।
একটি স্টাইল করা মানচিত্র প্রকার তৈরি করতে, শৈলী অ্যারেটিকে একটি StyledMapType অবজেক্টে সেট করুন। একটি নতুন শৈলীকৃত মানচিত্র প্রকার তৈরি করা ডিফল্ট মানচিত্র প্রকারের শৈলীকে প্রভাবিত করে না।
[null,null,["2025-08-27 UTC-তে শেষবার আপডেট করা হয়েছে।"],[[["\u003cp\u003eCustomize the appearance of your maps using embedded JSON style declarations for the default map and selectable map types.\u003c/p\u003e\n"],["\u003cp\u003eStyle features and elements within the map by creating an array of \u003ccode\u003eMapTypeStyle\u003c/code\u003e objects defining the desired appearance, with the \u003ccode\u003efeatureType\u003c/code\u003e, \u003ccode\u003eelementType\u003c/code\u003e, and \u003ccode\u003estylers\u003c/code\u003e properties determining specific modifications.\u003c/p\u003e\n"],["\u003cp\u003eUtilize the Maps Platform Styling Wizard to quickly generate JSON styling objects, simplifying the process of creating custom map styles.\u003c/p\u003e\n"],["\u003cp\u003eApply styles to the default map by setting the \u003ccode\u003estyles\u003c/code\u003e property in the \u003ccode\u003eMapOptions\u003c/code\u003e object during map creation or by using the \u003ccode\u003eMap.setOptions\u003c/code\u003e method.\u003c/p\u003e\n"],["\u003cp\u003eCreate styled map types by setting the style array to a \u003ccode\u003eStyledMapType\u003c/code\u003e object, enabling the addition of custom map styles without impacting the default map types.\u003c/p\u003e\n"]]],["Custom styling for maps can be applied via embedded JSON style declarations to default maps or user-switchable map types. Create an array of `MapTypeStyle` objects specifying `featureType`, `elementType`, and `stylers` to define styling. For consistent styling across apps, use cloud customization with a map ID. Use the Maps Platform Styling Wizard to quickly generate JSON styling or apply styles by setting the map's `styles` property within the `MapOptions` object or the `Map.setOptions` method.\n"],null,["# Use embedded JSON style declarations\n\nSelect platform: [Android](/maps/documentation/android-sdk/styling \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/styling \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/json-styling-overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\nYou can apply customized styling through an embedded JSON style declarations\nto the following:\n\n- Default map.\n- Map types that a user can switch between within a single map frame.\n\n| If you want to update the same style across multiple apps, look into [cloud customization](/maps/documentation/javascript/cloud-customization), which is available in the Google Cloud console and requires a [map ID](/maps/documentation/get-map-id). To avoid potential conflicts, **do not combine** cloud customization and hardcoded styling in the same app.\n| **Experimental:** For a richer styling experience, you can use [JSON styling with cloud-based map styling](./cloud-customization/json) which has a more extensive list of map features with more options to customize their appearance.\n\nSpecify styles to features\n--------------------------\n\nTo apply styles to different features and elements in a map, create an array of\n[`MapTypeStyle`](/maps/documentation/javascript/3.exp/reference#MapTypeStyle)\nobjects that define how the map should be styled.\n\nThe array takes the following form: \n\n var stylesArray = [\n {\n featureType: '',\n elementType: '',\n stylers: [\n {color: ''},\n {visibility: ''},\n // Add any stylers you need.\n ]\n },\n {\n featureType: '',\n // Add the stylers you need.\n }\n ]\n\nFor a list of all available values for `featureType`, `elementType`, and\n`stylers`, see the [JSON style reference](/maps/documentation/javascript/style-reference).\n\nMaps Platform Styling Wizard\n----------------------------\n\n[](https://mapstyle.withgoogle.com) \n[](https://mapstyle.withgoogle.com) \n[](https://mapstyle.withgoogle.com)[](https://mapstyle.withgoogle.com/) \n[](https://mapstyle.withgoogle.com/) \n[](https://mapstyle.withgoogle.com/) \n[](https://mapstyle.withgoogle.com/) \n[](https://mapstyle.withgoogle.com/) \n[](https://mapstyle.withgoogle.com/) \n[Create\ncustom styles for the Google Maps Platform APIs](https://mapstyle.withgoogle.com)\n\nUse the [Maps Platform Styling Wizard](https://mapstyle.withgoogle.com) as a quick way to generate a JSON styling object.\n| **Note:** To have a style apply to multiple app platforms, consider using [cloud-based maps styling](/maps/documentation/javascript/cloud-customization). If you want to use a JSON style, you can import it. For details, see [Import a JSON map style](./cloud-customization/map-styles-leg#json-import).\n\nApply styles to a default map\n-----------------------------\n\nThe following shows an example default map styled using light-colored text and\nicons on a dark background (i.e. dark mode). To see the code sample, go to\n[Styled Maps - Night Mode code sample](/maps/documentation/javascript/examples/style-array).\n\n\nTo modify the styles of the default map, set the map's `styles` property in the\n`MapOptions` object to your style array when:\n\n- Creating your map.\n- Or, when calling the `Map.setOptions` method.\n\nChanges to labels and roads affect all map types including terrain, satellite,\nhybrid, and default roadmap types.\n\nApply styles to a map type\n--------------------------\n\nThe following shows an added map type called **Styled Map** in the control at\nthe top left of the map. To see the code sample, go to [Styled Map Types](/maps/documentation/javascript/examples/maptype-styled-simple).\n\n\nTo create a styled map type, set the style array to a [`StyledMapType`](/maps/documentation/javascript/3.exp/reference#StyledMapType)\nobject. Creating a new styled map type does not affect the style of the default\nmap types."]]
