مرجع JSON برای سبک‌پردازی نقشه بااستفاده از فضای ابری

انتخاب پلاتفرم: Android Android 3D iOS iOS 3D JavaScript Web Service

طرحواره 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

"light"|"dark" حالت روشن یا تاریک را مشخص کنید. اگر مشخص نشده باشد، پیش‌فرض «روشن» است. «light»

monochrome

بولی برای فعال کردن تک‌رنگی، از true برای نسخه خاکستری نقشه استفاده کنید.

true

metadata

شیء داده‌های کلید-مقدار اختیاری که در تعریف سبک گنجانده شده است. می‌توانید از این فیلد برای گنجاندن محتوای غیرمرتبط با سبک درباره سبک استفاده کنید. این داده‌ها به کارخواه‌های نقشه مانند کیت توسعه نرم‌افزار جاوا اسکریپت Maps ارسال نمی‌شود.

{"author": "me", "date": "2026-04-27"}

اشیای قانون سبک

این بخش ویژگی‌هایی را توصیف می‌کند که اشیای قانون سبک را در آرایه styles برای سفارشی‌سازی عارضه‌های نقشه تعریف می‌کنند. هر شیء قانون سبک باید شامل موارد زیر باشد:

  • ‫id دارایی.
  • عنصر geometry یا label با دارایی‌های سبک‌دهنده منسوب تعریف‌شده.

id (عارضه نقشه)

دارایی id ویژگی نقشه را برای سبک‌دهی مشخص می‌کند. نام‌های ویژگی نسخه‌های camelcase نام‌های عارضه نقشه در ویرایشگر سبک هستند.

عارضه‌های نقشه درخت دسته‌بندی را تشکیل می‌دهند. اگر نوع عارضه والد را مشخص کنید، مثلاً 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 حالت‌دهنده

جدول زیر همه سبک‌سازهای هندسی دردسترس را فهرست می‌کند.

Styler تایپ کردن شرح

visible

بولی برای پنهان کردن چندضلعی یا چندخطی ویژگی نقشه، روی false تنظیم کنید.

fillColor

رشته رنگ چندضلعی یا چندخطی را با رشته هگز RGB سفارشی‌سازی کنید.

fillOpacity

شناور شفافیت چندضلعی یا چندخطی را سفارشی‌سازی کنید، که در آن ۰ شفاف و ۱ مات است.

strokeColor

رشته رنگ طرح کلی را با رشته هگز RGB سفارشی‌سازی کنید.

strokeOpacity

شناور شفافیت طرح کلی را سفارشی‌سازی کنید، که در آن ۰ شفاف و ۱ مات است.

strokeWeight

شناور ضخامت خط پیرامونی را از محدوده ۰ تا ۸ سفارشی‌سازی کنید.

برای اطلاعات بیشتر، به چندضلعی‌ها و چندخطی‌ها مراجعه کنید.

‫label حالت‌دهنده

جدول زیر همه سبک‌دهنده‌های برچسب دردسترس را فهرست می‌کند.

Styler تایپ کردن شرح

visible

بولی برای پنهان کردن برچسب عارضه نقشه، روی false تنظیم کنید.

textFillColor

رشته رنگ برچسب نوشتاری را با رشته هگز RGB سفارشی‌سازی کنید.

textFillOpacity

شناور ماتی برچسب نوشتاری را سفارشی‌سازی کنید، که در آن ۰ شفاف و ۱ مات است.

textStrokeColor

رشته رنگ طرح کلی را با رشته هگز RGB سفارشی‌سازی کنید.

textStrokeOpacity

شناور شفافیت طرح کلی را سفارشی‌سازی کنید، که در آن ۰ شفاف و ۱ مات است.

textStrokeWeight

شناور ضخامت طرح کلی را از محدوده ۰ تا ۸ سفارشی‌سازی کنید.

pinFillColor

رشته رنگ سنجاق را با رشته هگز RGB سفارشی‌سازی کنید.

pinGlyphColor

رشته رنگ گلیف (نماد) را در سنجاق با رشته هگز RGB سفارشی‌سازی کنید.

pinOutlineColor

رشته رنگ خط پیرامونی سنجاق را با رشته RGB hex سفارشی‌سازی کنید.

برای اطلاعات بیشتر، به نمادها و برچسب‌های نوشتاری مراجعه کنید.

بزرگ‌نمایی‌های کلیدی

می‌توانید برای یک ویژگی، یک سبک واحد برای همه سطوح بزرگ‌نمایی کلیدی تنظیم کنید یا سبک‌های مختلفی را برای سطوح بزرگ‌نمایی کلیدی مختلف مشخص کنید. اگر فقط یک سبک ارائه دهید، این سبک برای همه سطوح زوم کلیدی از z0 استفاده خواهد شد. اگر برای سطوح مختلف کلیدزوم سبک ارائه دهید، سبک از آن سطح زوم تا سطح بعدی که تعریف کرده‌اید اعمال خواهد شد.

برای تنظیم سطح بزرگ‌نمایی کلیدی برای یک سبک، در ویژگی سبک‌ساز، سطح بزرگ‌نمایی کلیدی را از z0 تا z22 و سپس سفارشی‌سازی سبک‌ساز را تعریف کنید.

در مثال زیر، رنگ آب در سطوح کلیدزوم ۰ تا ۵ سیاه، در سطوح کلیدزوم ۶ تا ۱۱ خاکستری تیره، و از سطح کلیدزوم ۱۲ به بعد خاکستری روشن است.

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

برای اطلاعات بیشتر، سطوح بزرگ‌نمایی سبک را ببینید.

محدودیت‌ها

می‌توانید از JSON برای سبک‌بندی تقریباً همه چیز در کنسول Google Cloud استفاده کنید، به‌جز گزینه‌های زیر از منو تنظیمات نقشه:

این گزینه‌های سطح نقشه برای ارائه صحیح به واکشی مجدد داده‌های کاشی نیاز دارند که ممکن است برای برخی‌از موارد استفاده نامطلوب باشد.

برای این گزینه‌ها، باید اولویتتان را در منوِ تنظیمات نقشه انتخاب کنید.

چون این گزینه‌ها در سبک‌های صادرشده گنجانده نشده‌اند، باید هنگام وارد کردن سبک، دوباره در کنسول Google Cloud انتخاب شوند.