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

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 के पास इफ़ेक्ट.

ध्यान दें: मैप आईडी का इस्तेमाल करने वाली कस्टम स्टाइल, सिर्फ़ इन रंगों के लिए हल्के कलर स्कीम पर लागू होती हैं रोडमैप टाइप.