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

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 का कोई असर नहीं होता.

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