iOS এর জন্য মানচিত্র SDK-এর স্টাইল রেফারেন্স

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

শৈলী বিকল্পগুলির সাহায্যে আপনি স্ট্যান্ডার্ড Google মানচিত্রের শৈলীগুলির উপস্থাপনা কাস্টমাইজ করতে পারেন, রাস্তা, পার্ক, ব্যবসা এবং অন্যান্য আগ্রহের বিষয়গুলির মতো বৈশিষ্ট্যগুলির ভিজ্যুয়াল প্রদর্শন পরিবর্তন করতে পারেন৷ এই বৈশিষ্ট্যগুলির শৈলী পরিবর্তন করার পাশাপাশি, আপনি বৈশিষ্ট্যগুলি সম্পূর্ণরূপে লুকাতে পারেন। This means that you can emphasize particular components of the map or make the map complement the style of the surrounding page.

উদাহরণ

নিম্নলিখিত JSON শৈলী ঘোষণা সমস্ত মানচিত্রের বৈশিষ্ট্যগুলিকে ধূসর করে দেয়, তারপরে ধমনী রাস্তার জ্যামিতিকে নীল রঙে রঙ করে এবং ল্যান্ডস্কেপ লেবেলগুলিকে সম্পূর্ণরূপে লুকায়:

[
  {
    "featureType": "all",
    "stylers": [
      { "color": "#C0C0C0" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "geometry",
    "stylers": [
      { "color": "#CCFFFF" }
    ]
  },{
    "featureType": "landscape",
    "elementType": "labels",
    "stylers": [
      { "visibility": "off" }
    ]
  }
]

JSON অবজেক্ট

A JSON style declaration consists of the following elements:

  • ফিচার টাইপ (ঐচ্ছিক) - এই শৈলী পরিবর্তনের জন্য যে বৈশিষ্ট্যগুলি নির্বাচন করতে হবে। বৈশিষ্ট্যগুলি হল মানচিত্রের ভৌগলিক বৈশিষ্ট্য, যার মধ্যে রয়েছে রাস্তা, পার্ক, জলাশয় এবং আরও অনেক কিছু। If you don't specify a feature, all features are selected.
  • elementType (ঐচ্ছিক) - নির্বাচন করার জন্য নির্দিষ্ট বৈশিষ্ট্যের বৈশিষ্ট্য। উপাদানগুলি একটি বৈশিষ্ট্যের উপ-অংশ, লেবেল এবং জ্যামিতি সহ। If you don't specify an element, all elements of the feature are selected.
  • stylers - the rules to apply to the selected features and elements. স্টাইলাররা বৈশিষ্ট্যটির রঙ, দৃশ্যমানতা এবং ওজন নির্দেশ করে। You can apply one or more stylers to a feature.

To specify a style, you must combine a set of featureType and elementType selectors and your stylers into a style array. You can target any combination of features in a single array. However, the number of styles that you can apply at once is limited. যদি আপনার শৈলী অ্যারে অক্ষরের সর্বোচ্চ সংখ্যা অতিক্রম করে তাহলে কোন শৈলী প্রয়োগ করা হবে না।

The rest of this page has more information about features, elements and stylers.

featureType

The following JSON snippet selects all roads on the map:

{
  "featureType": "road"
}

Features, or feature types, are geographic characteristics on the map, including roads, parks, bodies of water, businesses, and more.

The features form a category tree, with all as the root. If you don't specify a feature, all features are selected. Specifying a feature of all has the same effect.

Some features contain child features you specify using a dot notation. উদাহরণস্বরূপ, landscape.natural বা road.local । If you specify only the parent feature, such as road , the styles you specify for the parent apply to all its children, such as road.local and road.highway .

Note that parent features may include some elements that are not included in all of their child features.

নিম্নলিখিত বৈশিষ্ট্য উপলব্ধ:

  • all (ডিফল্ট) সমস্ত বৈশিষ্ট্য নির্বাচন করে।
  • administrative সমস্ত প্রশাসনিক এলাকা নির্বাচন করে। Styling affects only the labels of administrative areas, not the geographical borders or fill.
    • administrative.country selects countries.
    • administrative.land_parcel selects land parcels.
    • administrative.locality এলাকা নির্বাচন করে।
    • administrative.neighborhood পাড়া নির্বাচন করে।
    • administrative.province selects provinces.
  • landscape সব ল্যান্ডস্কেপ নির্বাচন করে।
    • landscape.man_made selects man-made features, such as buildings and other structures.
    • landscape.natural selects natural features, such as mountains, rivers, deserts, and glaciers.
    • landscape.natural.landcover ল্যান্ড কভার বৈশিষ্ট্য নির্বাচন করে, ভৌত উপাদান যা পৃথিবীর পৃষ্ঠকে আচ্ছাদিত করে, যেমন বন, তৃণভূমি, জলাভূমি এবং খালি মাটি।
    • landscape.natural.terrain selects terrain features of a land surface, such as elevation, slope, and orientation.
  • poi selects all points of interest.
    • poi.attraction selects tourist attractions.
    • poi.business selects businesses.
    • poi.government সরকারি ভবন নির্বাচন করে।
    • poi.medical selects emergency services, including hospitals, pharmacies, police, doctors, and others.
    • poi.park selects parks.
    • poi.place_of_worship selects places of worship, including churches, temples, mosques, and others.
    • poi.school selects schools.
    • poi.sports_complex selects sports complexes.
  • road selects all roads.
    • road.arterial selects arterial roads.
    • road.highway হাইওয়ে নির্বাচন করে।
    • road.highway.controlled_access selects highways with controlled access.
    • road.local selects local roads.
  • transit selects all transit stations and lines.
    • transit.line ট্রানজিট লাইন নির্বাচন করে।
    • transit.station selects all transit stations.
    • transit.station.airport selects airports.
    • transit.station.bus selects bus stops.
    • transit.station.rail selects rail stations.
  • water জলের দেহ নির্বাচন করে।

elementType

The following JSON snippet selects the labels for all local roads:

{
  "featureType": "road.local",
  "elementType": "labels"
}

Elements are subdivisions of a feature. A road, for example, consists of the graphical line (the geometry) on the map, and also the text denoting its name (a label).

The following elements are available, but note that a specific feature may support none, some, or all, of the elements:

জুম স্তরের উপর ভিত্তি করে লেবেল পাঠ্য fill এবং stroke রঙ পরিবর্তিত হয়। জুম স্তর জুড়ে অভিজ্ঞতাকে সামঞ্জস্যপূর্ণ করতে, সর্বদা fill এবং stroke উভয়ই সংজ্ঞায়িত করুন৷

  • all (ডিফল্ট) নির্দিষ্ট বৈশিষ্ট্যের সমস্ত উপাদান নির্বাচন করে।
  • geometry selects all geometric elements of the specified feature.
    • geometry.fill selects only the fill of the feature's geometry.
    • geometry.stroke selects only the stroke of the feature's geometry.
  • labels selects the textual labels associated with the specified feature.
    • labels.icon শুধুমাত্র বৈশিষ্ট্যের লেবেলের মধ্যে প্রদর্শিত আইকন নির্বাচন করে।
    • labels.text selects only the text of the label.
    • labels.text.fill selects only the fill of the label. The fill of a label is typically rendered as a colored outline that surrounds the label text.
    • labels.text.stroke selects only the stroke of the label's text.

stylers

Stylers are formatting options that you can apply to map features and elements.

The following JSON snippet displays a feature as bright green, using an RGB value:

"stylers": [
  { "color": "#99FF33" }
]

এই স্নিপেটটি শুরুর রঙ নির্বিশেষে একটি বৈশিষ্ট্যের রঙ থেকে সমস্ত তীব্রতা সরিয়ে দেয়। The effect is to render the feature grayscale:

"stylers": [
  { "saturation": -100 }
]

This snippet hides a feature completely:

    "stylers": [
      { "visibility": "off" }
    ]

The following style options are supported:

  • hue (an RGB hex string of format #RRGGBB ) indicates the basic color.

    দ্রষ্টব্য: এই বিকল্পটি ডিফল্ট গুগল স্টাইলে (বা আপনি মানচিত্রে আপনি সংজ্ঞায়িত অন্যান্য স্টাইলের বিকল্পগুলিতে) নির্দিষ্ট করে স্যাচুরেশন এবং লাইটনেস রাখার সময় হিউ ​​সেট করে। The resulting color is relative to the style of the base map. If Google makes any changes to the base map style, the changes affect your map's features styled with hue . আপনি যদি পারেন তবে পরম color স্টাইলার ব্যবহার করা ভাল।

  • lightness (a floating point value between -100 and 100 ) indicates the percentage change in brightness of the element. Negative values increase darkness (where -100 specifies black) while positive values increase brightness (where +100 specifies white).

    দ্রষ্টব্য: এই বিকল্পটি ডিফল্ট Google শৈলীতে (অথবা আপনি মানচিত্রে সংজ্ঞায়িত অন্যান্য শৈলী বিকল্পগুলিতে) উল্লেখিত স্যাচুরেশন এবং হিউ রাখার সময় হালকাতা সেট করে। The resulting color is relative to the style of the base map. যদি Google বেস মানচিত্রের শৈলীতে কোনো পরিবর্তন করে, তবে পরিবর্তনগুলি lightness সাথে স্টাইল করা আপনার মানচিত্রের বৈশিষ্ট্যগুলিকে প্রভাবিত করে। It's better to use the absolute color styler if you can.

  • saturation (a floating point value between -100 and 100 ) indicates the percentage change in intensity of the basic color to apply to the element.

    দ্রষ্টব্য: এই বিকল্পটি ডিফল্ট Google শৈলীতে (অথবা আপনি মানচিত্রে সংজ্ঞায়িত অন্যান্য শৈলী বিকল্পগুলিতে) নির্দিষ্ট রঙ এবং হালকাতা রেখে স্যাচুরেশন সেট করে। The resulting color is relative to the style of the base map. যদি Google বেস মানচিত্রের শৈলীতে কোনো পরিবর্তন করে, তবে পরিবর্তনগুলি আপনার মানচিত্রের বৈশিষ্ট্যগুলিকে প্রভাবিত করে যা saturation সাথে স্টাইল করা হয়। আপনি যদি পারেন তবে পরম color স্টাইলার ব্যবহার করা ভাল।

  • gamma (a floating point value between 0.01 and 10.0 , where 1.0 applies no correction) indicates the amount of gamma correction to apply to the element. সাদা বা কালো মানকে প্রভাবিত না করে গামা সংশোধনগুলি নন-লিনিয়ার ফ্যাশনে রঙের হালকাতা পরিবর্তন করে। Gamma correction is typically used to modify the contrast of multiple elements. For example, you can modify the gamma to increase or decrease the contrast between the edges and interiors of elements.

    Note: This option adjusts the lightness relative to the default Google style, using a gamma curve. যদি Google বেস মানচিত্রের শৈলীতে কোনো পরিবর্তন করে, তবে পরিবর্তনগুলি gamma দিয়ে স্টাইল করা আপনার মানচিত্রের বৈশিষ্ট্যগুলিকে প্রভাবিত করে৷ It's better to use the absolute color styler if you can.

  • invert_lightness (if true ) inverts the existing lightness. This is useful, for example, for quickly switching to a darker map with white text.

    Note: This option simply inverts the default Google style. If Google makes any changes to the base map style, the changes affect your map's features styled with invert_lightness . It's better to use the absolute color styler if you can.

  • visibility ( on , off বা simplified ) নির্দেশ করে যে উপাদানটি মানচিত্রে প্রদর্শিত হবে কিনা এবং কিভাবে। A simplified visibility removes some style features from the affected features; উদাহরণস্বরূপ, রাস্তাগুলিকে রূপরেখা ছাড়াই পাতলা লাইনে সরলীকৃত করা হয়, যখন পার্কগুলি তাদের লেবেল পাঠ্য হারায় কিন্তু লেবেল আইকনটি ধরে রাখে।
  • color (an RGB hex string of format #RRGGBB ) sets the color of the feature.
  • weight (an integer value, greater than or equal to zero) sets the weight of the feature, in pixels. একটি উচ্চ মান ওজন সেট করার ফলে টালি সীমানা কাছাকাছি ক্লিপিং হতে পারে.

শৈলীর নিয়মগুলি আপনার নির্দিষ্ট করা ক্রমে প্রয়োগ করা হয়। Do not combine multiple operations into a single style operation. Instead, define each operation as a separate entry in the style array.

Note: Order is important, as some operations are not commutative. Features and/or elements that are modified through style operations (usually) already have existing styles. The operations act on those existing styles, if present.

The hue, saturation, lightness model

Styled maps use the hue, saturation, lightness (HSL) model to denote color within the styler operations. হিউ মৌলিক রঙ নির্দেশ করে, স্যাচুরেশন সেই রঙের তীব্রতা নির্দেশ করে এবং হালকাতা উপাদান রঙে সাদা বা কালোর আপেক্ষিক পরিমাণ নির্দেশ করে।

গামা সংশোধন সাধারণত বৈসাদৃশ্য বাড়াতে বা কমাতে রঙের স্থানের উপর হালকাতা পরিবর্তন করে। Additionally, the HSL model defines color within a coordinate space where hue indicates the orientation within a color wheel, while saturation and lightness indicate amplitudes along different axes. Hues are measured within an RGB color space, which is similar to most RGB color spaces, except that shades of white and black are absent.

হিউ, স্যাচুরেশন, লাইটনেস মডেল

যদিও hue একটি HTML হেক্স রঙের মান নেয়, এটি শুধুমাত্র মৌলিক রঙ নির্ধারণ করতে এই মানটি ব্যবহার করে - অর্থাৎ, রঙের চাকার চারপাশে এর ওরিয়েন্টেশন, এর স্যাচুরেশন বা হালকাতা নয়, যা শতাংশ পরিবর্তন হিসাবে আলাদাভাবে নির্দেশিত হয়।

For example, you can define the hue for pure green as hue:0x00ff00 or hue:0x000100 . উভয় রঙ অভিন্ন। উভয় মানই এইচএসএল রঙের মডেলে বিশুদ্ধ সবুজকে নির্দেশ করে।

An RGB Color Wheel

RGB hue values which consist of equal parts red, green and blue do not indicate a hue, because none of those values indicate an orientation in the HSL coordinate space. Examples are "#000000" (black), "#FFFFFF" (white), and all the pure shades of gray. To indicate black, white or gray, you must remove all saturation (set the value to -100 ) and adjust lightness instead.

Additionally, when modifying existing features which already have a color scheme, changing a value such as hue does not change its existing saturation or lightness .