ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিংয়ের জন্য JSON রেফারেন্স

প্ল্যাটফর্ম নির্বাচন করুন: Android iOS জাভাস্ক্রিপ্ট ওয়েব পরিষেবা

পরীক্ষামূলক: এই JSON রেফারেন্স একটি পরীক্ষামূলক বৈশিষ্ট্য।

ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিংয়ের জন্য JSON স্কিমা আপনাকে মানচিত্র কাস্টমাইজ করতে JSON ব্যবহার করতে দেয় ঠিক যেমন আপনি স্টাইল সম্পাদক ইন্টারফেসের মাধ্যমে করবেন। এই নথিতে JSON স্কিমা এবং কীভাবে JSON শৈলী ঘোষণা করতে হয় তা বর্ণনা করে।

JSON স্কিমা ডাউনলোড করুন

শৈলী সম্পাদকের মধ্যে JSON ব্যবহার করে একটি মানচিত্রের শৈলী কীভাবে সম্পাদনা করতে হয় তা শিখতে বা একটি মানচিত্র শৈলী আমদানি ও রপ্তানি করতে, ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং সহ JSON ব্যবহার করুন দেখুন।

একটি উদাহরণ JSON শৈলী ঘোষণা দেখুন

নিম্নলিখিত JSON শৈলী ঘোষণা একটি পটভূমির রঙ সেট করে এবং তারপরে আগ্রহের জায়গা, পার্ক, জলের বৈশিষ্ট্যগুলির জন্য শৈলী সংজ্ঞায়িত করে এবং খাবার ও পানীয়ের অবস্থানগুলির জন্য লেবেলগুলি লুকিয়ে রাখে।

{
  "variant": "light",
  "styles": [
    {
      "id": "natural.land",
      "geometry": {
        "fillColor": "#f7e3f7"
      }
    },
    {
      "id": "natural.water",
      "geometry": {
        "fillColor": "#d4b2ff"
      },
      "label": {
        "textFillColor": "#3d2163",
        "textStrokeColor": "#f0e1ff"
      }
    },
    {
      "id": "pointOfInterest",
      "label": {
        "pinFillColor": "#e0349a",
        "textFillColor": "#a11e6e",
        "textStrokeColor": "#ffd9f0"
      }
    },
    {
      "id": "pointOfInterest.emergency.hospital",
      "geometry": {
        "fillColor": "#ffe3e3"
      }
    },
    {
      "id": "pointOfInterest.foodAndDrink",
      "label": {
        "visible": false
      }
    },
    {
      "id": "pointOfInterest.recreation.park",
      "geometry": {
        "fillColor": "#f9b9d2"
      }
    }
  ]
}

JSON অবজেক্ট

একটি JSON শৈলী ঘোষণা একটি শীর্ষ-স্তরের বস্তু এবং শৈলী নিয়মগুলির একটি অ্যারে নিয়ে গঠিত।

• টপ-লেভেল সেটিংস (ঐচ্ছিক) - গ্লোবাল স্টাইল সেটিংস যেমন backgroundColor এবং variant ।
• styles - শৈলী নিয়ম অবজেক্টের একটি অ্যারে, যা নিম্নলিখিতগুলি নিয়ে গঠিত হতে পারে:
  • id - এই শৈলী পরিবর্তনের জন্য নির্বাচিত মানচিত্র বৈশিষ্ট্য (যেমন, pointOfInterest.recreation.park )।
  • geometry (ঐচ্ছিক) - মানচিত্রের বৈশিষ্ট্যের জ্যামিতিক উপাদান এবং প্রয়োগ করার শৈলী নিয়ম (যেমন, fillColor )।
  • label (ঐচ্ছিক) - মানচিত্র বৈশিষ্ট্যের পাঠ্য বা পিন লেবেল এবং প্রয়োগ করার শৈলী নিয়ম (যেমন, textStrokeColor )।

শীর্ষ-স্তরের সেটিংস

নিম্নলিখিত সারণীর বৈশিষ্ট্যগুলি সমগ্র মানচিত্রের শৈলীতে প্রযোজ্য।

সম্পত্তি	টাইপ	বর্ণনা	উদাহরণ
backgroundColor	স্ট্রিং	#RRGGBB হেক্স স্ট্রিং ব্যবহার করে মানচিত্র অ্যাপের পটভূমির রঙ কাস্টমাইজ করুন। এই সেটিং অস্বচ্ছতা পরিবর্তন সমর্থন করে না.	"#002211"
variant	"আলো"|"অন্ধকার"	হালকা বা অন্ধকার মোড নির্দিষ্ট করুন। অনির্দিষ্ট থাকলে, ডিফল্ট "আলো"।	"আলো"
monochrome	বুলিয়ান	মনোক্রোম সক্ষম করতে, মানচিত্রের একটি ধূসর সংস্করণের জন্য true ব্যবহার করুন৷	true

শৈলী নিয়ম বস্তু

এই বিভাগে মানচিত্র বৈশিষ্ট্য কাস্টমাইজ করতে styles অ্যারেতে শৈলী নিয়ম অবজেক্ট সংজ্ঞায়িত বৈশিষ্ট্য বর্ণনা করে। প্রতিটি শৈলী নিয়ম অবজেক্টে নিম্নলিখিতগুলি থাকা আবশ্যক:

• id সম্পত্তি।
• geometry বা label উপাদান সংজ্ঞায়িত স্টাইলার বৈশিষ্ট্য সহ।

id (মানচিত্র বৈশিষ্ট্য)

id বৈশিষ্ট্য মানচিত্র বৈশিষ্ট্য শৈলী নির্দিষ্ট করে. সম্পত্তির নামগুলি হল স্টাইল এডিটরে মানচিত্রের বৈশিষ্ট্যের নামগুলির ক্যামেলকেস সংস্করণ।

মানচিত্র বৈশিষ্ট্য একটি বিভাগ গাছ গঠন. যদি আপনি একটি অভিভাবক বৈশিষ্ট্যের ধরন নির্দিষ্ট করেন, যেমন pointOfInterest , আপনি অভিভাবকের জন্য যে শৈলীগুলি নির্দিষ্ট করেন তা তার সমস্ত সন্তানের জন্য প্রযোজ্য, যেমন pointOfInterest.retail এবং pointOfInterest.lodging ৷ বিস্তারিত জানার জন্য, মানচিত্র বৈশিষ্ট্য অনুক্রম দেখুন।

উপলব্ধ id বৈশিষ্ট্যের তালিকা

উপলব্ধ id বৈশিষ্ট্যগুলি নিম্নরূপ:

• pointOfInterest
• pointOfInterest.emergency
• pointOfInterest.emergency.fire
• pointOfInterest.emergency.hospital
• pointOfInterest.emergency.pharmacy
• pointOfInterest.emergency.police
• pointOfInterest.entertainment
• pointOfInterest.entertainment.arts
• pointOfInterest.entertainment.casino
• pointOfInterest.entertainment.cinema
• pointOfInterest.entertainment.historic
• pointOfInterest.entertainment.museum
• pointOfInterest.entertainment.themePark
• pointOfInterest.entertainment.touristAttraction
• pointOfInterest.foodAndDrink
• pointOfInterest.foodAndDrink.bar
• pointOfInterest.foodAndDrink.cafe
• pointOfInterest.foodAndDrink.restaurant
• pointOfInterest.foodAndDrink.winery
• pointOfInterest.landmark
• pointOfInterest.lodging
• pointOfInterest.recreation
• pointOfInterest.recreation.beach
• pointOfInterest.recreation.boating
• pointOfInterest.recreation.fishing
• pointOfInterest.recreation.golfCourse
• pointOfInterest.recreation.hotSpring
• pointOfInterest.recreation.natureReserve
• pointOfInterest.recreation.park
• pointOfInterest.recreation.peak
• pointOfInterest.recreation.sportsComplex
• pointOfInterest.recreation.sportsField
• pointOfInterest.recreation.trailhead
• pointOfInterest.recreation.zoo
• pointOfInterest.retail
• pointOfInterest.retail.grocery
• pointOfInterest.retail.shopping
• pointOfInterest.service
• pointOfInterest.service.atm
• pointOfInterest.service.bank
• pointOfInterest.service.carRental
• pointOfInterest.service.evCharging
• pointOfInterest.service.gasStation
• pointOfInterest.service.parkingLot
• pointOfInterest.service.postOffice
• pointOfInterest.service.restStop
• pointOfInterest.service.restroom
• pointOfInterest.transit
• pointOfInterest.transit.airport
• pointOfInterest.other
• pointOfInterest.other.bridge
• pointOfInterest.other.cemetery
• pointOfInterest.other.government
• pointOfInterest.other.library
• pointOfInterest.other.military
• pointOfInterest.other.placeOfWorship
• pointOfInterest.other.school
• pointOfInterest.other.townSquare
• political
• political.countryOrRegion
• political.border
• political.reservation
• political.stateOrProvince
• political.city
• political.sublocality
• political.neighborhood
• political.landParcel
• infrastructure
• infrastructure.building
• infrastructure.building.commercial
• infrastructure.businessCorridor
• infrastructure.roadNetwork
• infrastructure.roadNetwork.noTraffic
• infrastructure.roadNetwork.noTraffic.pedestrianMall
• infrastructure.roadNetwork.noTraffic.trail
• infrastructure.roadNetwork.noTraffic.trail.paved
• infrastructure.roadNetwork.noTraffic.trail.unpaved
• infrastructure.roadNetwork.parkingAisle
• infrastructure.roadNetwork.ramp
• infrastructure.roadNetwork.road
• infrastructure.roadNetwork.road.arterial
• infrastructure.roadNetwork.road.highway
• infrastructure.roadNetwork.road.local
• infrastructure.roadNetwork.road.noOutlet
• infrastructure.roadNetwork.roadShield
• infrastructure.roadNetwork.roadSign
• infrastructure.roadNetwork.roadDetail
• infrastructure.roadNetwork.roadDetail.surface
• infrastructure.roadNetwork.roadDetail.crosswalk
• infrastructure.roadNetwork.roadDetail.sidewalk
• infrastructure.roadNetwork.roadDetail.intersection
• infrastructure.railwayTrack
• infrastructure.railwayTrack.commercial
• infrastructure.railwayTrack.commuter
• infrastructure.transitStation
• infrastructure.transitStation.bicycleShare
• infrastructure.transitStation.busStation
• infrastructure.transitStation.ferryTerminal
• infrastructure.transitStation.funicularStation
• infrastructure.transitStation.gondolaStation
• infrastructure.transitStation.monorail
• infrastructure.transitStation.railStation
• infrastructure.transitStation.railStation.subwayStation
• infrastructure.transitStation.railStation.tramStation
• infrastructure.urbanArea
• natural
• natural.continent
• natural.archipelago
• natural.island
• natural.land
• natural.land.landCover
• natural.land.landCover.crops
• natural.land.landCover.dryCrops
• natural.land.landCover.forest
• natural.land.landCover.ice
• natural.land.landCover.sand
• natural.land.landCover.shrub
• natural.land.landCover.tundra
• natural.water
• natural.water.ocean
• natural.water.lake
• natural.water.river
• natural.water.other
• natural.base

উপাদান

উপাদানগুলি একটি মানচিত্র বৈশিষ্ট্যের উপবিভাগ। উদাহরণস্বরূপ, একটি রাস্তা মানচিত্রের গ্রাফিকাল লাইন ( geometry ) এবং এর নাম ( label ) নির্দেশ করে এমন পাঠ্য নিয়ে গঠিত।

নিম্নলিখিত উপাদানগুলি উপলব্ধ, কিন্তু মনে রাখবেন যে একটি নির্দিষ্ট মানচিত্র বৈশিষ্ট্য কোনটি, কিছু বা সমস্ত উপাদানকে সমর্থন করতে পারে না:

• geometry : নির্দিষ্ট মানচিত্র বৈশিষ্ট্যের সমস্ত জ্যামিতিক উপাদান (যেমন, বহুভুজ, পলিলাইন) নির্বাচন করে।
• label : নির্দিষ্ট মানচিত্র বৈশিষ্ট্যের সমস্ত লেবেল উপাদান (যেমন, পাঠ্য, পিন) নির্বাচন করে।

স্টাইলার

স্টাইলারগুলি হল আপনি কীভাবে একটি মানচিত্র বৈশিষ্ট্যের প্রতিটি উপাদানের জন্য আপনার শৈলীর নিয়মগুলি সংজ্ঞায়িত করেন৷

উদাহরণস্বরূপ, একটি বিল্ডিং পদচিহ্নের জন্য আপনি প্রতিটি উপাদানকে নিম্নরূপ স্টাইল করতে পারেন:

একটি বিল্ডিংয়ের জন্য geometry স্টাইলারের উদাহরণ	একটি বিল্ডিংয়ের জন্য label স্টাইলারের উদাহরণ
মানচিত্রে বিল্ডিং ফুটপ্রিন্ট বহুভুজ লুকাবেন বা দেখাবেন কিনা।	বিল্ডিং লেবেল লুকান বা দেখান কিনা।
বহুভুজ ভরাট রঙ এবং অস্বচ্ছতা।	পাঠ্য পূরণের রঙ এবং অস্বচ্ছতা।
সীমানার রঙ, অস্বচ্ছতা এবং প্রস্থ।	টেক্সট স্ট্রোকের রঙ এবং অস্বচ্ছতা।

এই বিভাগে geometry এবং label উপাদানগুলির জন্য উপলব্ধ বিভিন্ন শৈলী বিকল্পগুলি বর্ণনা করা হয়েছে।

geometry স্টাইলার

নিম্নলিখিত সারণী সমস্ত উপলব্ধ জ্যামিতিক স্টাইলারের তালিকা করে।

দ্রষ্টব্য: সমস্ত মানচিত্র বৈশিষ্ট্যের জন্য সমস্ত স্টাইলার উপলব্ধ নয়৷

স্টাইলার	টাইপ	বর্ণনা
visible	বুলিয়ান	মানচিত্র বৈশিষ্ট্যের বহুভুজ বা পলিলাইন লুকানোর জন্য, false সেট করুন।
fillColor	স্ট্রিং	একটি RGB হেক্স স্ট্রিং দিয়ে বহুভুজ বা পলিলাইনের রঙ কাস্টমাইজ করুন।
fillOpacity	ভাসা	বহুভুজ বা পলিলাইনের অস্বচ্ছতা কাস্টমাইজ করুন, যেখানে 0 স্বচ্ছ এবং 1 অস্বচ্ছ।
strokeColor	স্ট্রিং	একটি RGB হেক্স স্ট্রিং দিয়ে আউটলাইনের রঙ কাস্টমাইজ করুন।
strokeOpacity	ভাসা	রূপরেখার অস্বচ্ছতা কাস্টমাইজ করুন, যেখানে 0 স্বচ্ছ এবং 1 অস্বচ্ছ।
strokeWeight	ভাসা	0 থেকে 8 রেঞ্জের মধ্যে আউটলাইনের পুরুত্ব কাস্টমাইজ করুন।

আরও তথ্যের জন্য, বহুভুজ এবং পলিলাইন দেখুন।

label স্টাইলার

নিম্নলিখিত সারণী সমস্ত উপলব্ধ লেবেল স্টাইলারের তালিকা করে।

দ্রষ্টব্য: সমস্ত মানচিত্র বৈশিষ্ট্যের জন্য সমস্ত স্টাইলার উপলব্ধ নয়৷

স্টাইলার	টাইপ	বর্ণনা
visible	বুলিয়ান	মানচিত্র বৈশিষ্ট্যের লেবেল লুকানোর জন্য, false সেট করুন।
textFillColor	স্ট্রিং	একটি RGB হেক্স স্ট্রিং দিয়ে টেক্সট লেবেলের রঙ কাস্টমাইজ করুন।
textFillOpacity	ভাসা	পাঠ্য লেবেলের অস্বচ্ছতা কাস্টমাইজ করুন, যেখানে 0 স্বচ্ছ এবং 1 অস্বচ্ছ।
textStrokeColor	স্ট্রিং	একটি RGB হেক্স স্ট্রিং দিয়ে আউটলাইনের রঙ কাস্টমাইজ করুন।
textStrokeOpacity	ভাসা	রূপরেখার অস্বচ্ছতা কাস্টমাইজ করুন, যেখানে 0 স্বচ্ছ এবং 1 অস্বচ্ছ।
textStrokeWeight	ভাসা	0 থেকে 8 রেঞ্জের মধ্যে আউটলাইনের পুরুত্ব কাস্টমাইজ করুন।
pinFillColor	স্ট্রিং	একটি RGB হেক্স স্ট্রিং দিয়ে পিনের রঙ কাস্টমাইজ করুন।

আরও তথ্যের জন্য, আইকন এবং পাঠ্য লেবেল দেখুন।

কীজুম

আপনি সমস্ত কীজুম স্তরের জন্য একটি বৈশিষ্ট্যের জন্য একটি একক শৈলী সেট করতে পারেন বা বিভিন্ন কীজুম স্তরের জন্য বিভিন্ন শৈলী নির্দিষ্ট করতে পারেন৷ আপনি শুধুমাত্র একটি শৈলী প্রদান করলে, এটি z0 থেকে শুরু করে সমস্ত কীজুম স্তরের জন্য ব্যবহার করা হবে। আপনি যদি বিভিন্ন কীজুম স্তরের জন্য শৈলী প্রদান করেন, তাহলে শৈলীটি সেই জুম স্তর থেকে পরবর্তীটি আপনার সংজ্ঞায়িত না হওয়া পর্যন্ত প্রযোজ্য হবে।

একটি শৈলীর জন্য একটি কীজুম স্তর সেট করতে, স্টাইলার বৈশিষ্ট্যে, z0 থেকে z22 পর্যন্ত কীজুম স্তর নির্ধারণ করুন এবং তারপরে স্টাইলার কাস্টমাইজেশন করুন।

নিম্নলিখিত উদাহরণে, কীজুম স্তর 0-5 থেকে জলের রঙ কালো, কীজুম স্তর 6-11 থেকে গাঢ় ধূসর এবং কীজুম স্তর 12 থেকে শুরু হওয়া হালকা ধূসর৷

{
  "id": "natural.water",
  "geometry": {
    "fillColor": {
      "z0": "#000000",
      "z6": "#666666",
      "z12": "#cccccc"
    }
  }
}

আরও তথ্যের জন্য, শৈলী জুম স্তর দেখুন।