एम्बेड किए गए JSON स्टाइल एलान का इस्तेमाल करना

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

एम्बेड किए गए JSON स्टाइल के एलान की मदद से, इन पर पसंद के मुताबिक स्टाइल लागू की जा सकती हैं:

• डिफ़ॉल्ट मैप.
• मैप के टाइप, जिनके बीच उपयोगकर्ता एक ही मैप फ़्रेम में स्विच कर सकता है.

अगर आपको एक से ज़्यादा ऐप्लिकेशन में एक ही स्टाइल अपडेट करनी है, तो क्लाउड पर मैप की स्टाइलिंग की सुविधा का इस्तेमाल करें. यह सुविधा Google Cloud Console में उपलब्ध है और इसके लिए मैप आईडी की ज़रूरत होती है. किसी तरह के टकराव से बचने के लिए, एक ही ऐप्लिकेशन में क्लाउड पर मैप की स्टाइलिंग की सुविधा और हार्डकोड की गई स्टाइलिंग कोएक साथ इस्तेमाल न करें.

स्टाइलिंग का बेहतर अनुभव पाने के लिए, क्लाउड पर मैप की स्टाइलिंग के साथ JSON स्टाइलिंग का इस्तेमाल किया जा सकता है, इससे मैप की ज़्यादा सुविधाएं और कस्टमाइज़ेशन के ज़्यादा विकल्प मिलते हैं. क्लाउड पर मैप की स्टाइलिंग का JSON स्कीमा, एम्बेड किए गए JSON स्टाइल के एलान के साथ काम नहीं करता. इसका मतलब है कि क्लाउड पर मैप की स्टाइलिंग के JSON को, Maps JavaScript API में सीधे तौर पर इस्तेमाल नहीं किया जा सकता. हालांकि, एम्बेड किए गए JSON स्टाइल के एलान को, क्लाउड पर मैप की स्टाइलिंग के JSON स्कीमा में इंपोर्ट किया जा सकता है.

सुविधाओं के लिए स्टाइल तय करना

मैप में अलग-अलग सुविधाओं और एलिमेंट पर स्टाइल लागू करने के लिए, MapTypeStyle ऑब्जेक्ट की एक कलेक्शन बनाएं. इससे यह तय होता है कि मैप को किस स्टाइल में दिखाया जाना चाहिए.

कलेक्शन इस तरह दिखता है:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

featureType, elementType, और stylers के लिए उपलब्ध सभी वैल्यू की सूची देखने के लिए, JSON स्टाइल रेफ़रंस देखें.

Maps Platform स्टाइलिंग विज़र्ड

Google Maps Platform API के लिए, अपनी पसंद के मुताबिक स्टाइल बनाना

Maps Platform स्टाइलिंग विज़र्ड का इस्तेमाल करके, JSON स्टाइलिंग ऑब्जेक्ट को आसानी से जनरेट किया जा सकता है.

ध्यान दें: अगर आपको एक से ज़्यादा ऐप्लिकेशन प्लैटफ़ॉर्म पर कोई स्टाइल लागू करनी है, तो क्लाउड पर मैप की स्टाइलिंग की सुविधा का इस्तेमाल करें. अगर आपको JSON स्टाइल का इस्तेमाल करना है, तो उसे इंपोर्ट किया जा सकता है. ज़्यादा जानकारी के लिए, JSON मैप स्टाइल इंपोर्ट करना लेख पढ़ें.

डिफ़ॉल्ट मैप पर स्टाइल लागू करना

यहां डिफ़ॉल्ट मैप का एक उदाहरण दिया गया है. इसमें गहरे रंग के बैकग्राउंड (यानी, डार्क मोड) पर हल्के रंग का टेक्स्ट और आइकॉन इस्तेमाल किए गए हैं. कोड का सैंपल देखने के लिए, स्टाइल वाले मैप - नाइट मोड का कोड सैंपल पर जाएं.

डिफ़ॉल्ट मैप की स्टाइल में बदलाव करने के लिए, MapOptions ऑब्जेक्ट में मैप की styles प्रॉपर्टी को अपनी स्टाइल कलेक्शन पर सेट करें. ऐसा तब करें, जब:

• मैप बनाया जा रहा हो.
• या, Map.setOptions तरीके को कॉल किया जा रहा हो.

लेबल और सड़कों में किए गए बदलाव, मैप के सभी टाइप पर लागू होते हैं. इनमें, इलाके, सैटलाइट, हाइब्रिड, और डिफ़ॉल्ट रोडमैप टाइप शामिल हैं.

मैप के किसी टाइप पर स्टाइल लागू करना

यहां मैप के सबसे ऊपर बाईं ओर मौजूद कंट्रोल में, स्टाइल वाला मैप नाम का एक मैप टाइप जोड़ा गया है. कोड सैंपल देखने के लिए, स्टाइल वाले मैप के टाइप पर जाएं.

स्टाइल वाला मैप का टाइप बनाने के लिए, स्टाइल कलेक्शन को StyledMapType ऑब्जेक्ट पर सेट करें. स्टाइल वाला नया मैप टाइप बनाने से, डिफ़ॉल्ट मैप टाइप की स्टाइल पर कोई असर नहीं पड़ता.