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

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

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