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

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

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