मैप की कलर स्कीम

roadmap और terrain टाइप के मैप के लिए, google.maps.colorScheme का इस्तेमाल करके मैप की कलर स्कीम (गहरे रंग वाली, हल्के रंग वाली या मौजूदा सिस्टम सेटिंग) सेट की जा सकती है. colorScheme विकल्प को सिर्फ़ तब सेट किया जा सकता है, जब मैप को शुरू किया जाता है. मैप बनाने के बाद, इस विकल्प को सेट करने से कोई असर नहीं पड़ेगा.

रोडमैप

यहां दी गई इमेज में, roadmap टाइप के लिए हल्के और गहरे रंग वाले मोड की कलर स्कीम दिखाई गई है.

यहां हल्के और गहरे रंग वाले मोड की कलर स्कीम का इस्तेमाल करके, पेरिस के रोडमैप टाइप के मैप के दो उदाहरण दिए गए हैं.

इलाका

यहां दी गई इमेज में, terrain टाइप के लिए हल्के और गहरे रंग वाले मोड की कलर स्कीम दिखाई गई है.

हल्के और गहरे रंग वाले मोड की कलर स्कीम का इस्तेमाल करके, इलाके वाले मैप के दो उदाहरण.

डिफ़ॉल्ट रूप से, मैप हल्के रंग वाले मोड का इस्तेमाल करता है. मैप बनाते समय, ColorScheme को इंपोर्ट करें. साथ ही, मैप के विकल्पों में जाकर, मैप की कलर स्कीम (LIGHT, DARK या FOLLOW_SYSTEM) तय करें, जैसा कि यहां दिखाया गया है.

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

अगर मैप को इंस्टैंशिएट करने के बाद विकल्पों को रीसेट किया जाता है, तो colorScheme का कोई असर नहीं होता.

रोडमैप मैप टाइप के लिए, पसंद के मुताबिक लाइट और डार्क स्टाइल बनाने के लिए, क्लाउड पर मैप की स्टाइलिंग का इस्तेमाल करें.