Maps JavaScript API के लिए स्टाइल रेफ़रंस

शैली विकल्पों की मदद से आप Google की स्टैंडर्ड Google Maps टेक्नोलॉजी मैप की स्टाइल, सड़कों, पार्कों, और पार्कों जैसी सुविधाओं के विज़ुअल डिसप्ले में बदलाव करना और दिलचस्पी के अन्य विषय शामिल होते हैं. इन बदलावों की वजह से तो इन सुविधाओं को पूरी तरह से छिपाया जा सकता है. इसका मतलब है कि आपको मैप के विशेष घटकों पर ज़ोर दें या मैप को इन चीज़ों का पूरक बनाएं आस-पास के पेज की स्टाइल.

उदाहरण

JSON स्टाइल का यह एलान, मैप की सभी सुविधाओं को स्लेटी रंग में बदल देता है. इसके बाद, सड़क की मुख्य ज्यामिति को नीले रंग में रंगता है, और लैंडस्केप लेबल छिपा देता है पूरी तरह से:

[
  {
    "featureType": "all",
    "stylers": [
      { "color": "#C0C0C0" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "geometry",
    "stylers": [
      { "color": "#CCFFFF" }
    ]
  },{
    "featureType": "landscape",
    "elementType": "labels",
    "stylers": [
      { "visibility": "off" }
    ]
  }
]

JSON ऑब्जेक्ट

JSON स्टाइल की जानकारी में ये एलिमेंट शामिल होते हैं:

• featureType (ज़रूरी नहीं) - चुनने के लिए सुविधाएं स्टाइल मॉडिफ़िकेशन का इस्तेमाल करें. विशेषताएं आपकी भौगोलिक विशेषताएं हैं मैप में सड़कें, पार्क, जल स्रोत वगैरह शामिल हैं. अगर आप तय नहीं करते हैं, तो किसी सुविधा को चुनने पर, सभी सुविधाएं चुनी जाती हैं.
• elementType (वैकल्पिक) - खास सुविधा को चुनना होगा. एलिमेंट किसी सुविधा के उप-हिस्से होते हैं, जिनमें शामिल हैं लेबल और ज्यामिति शामिल हैं. अगर आप कोई एलीमेंट दर्ज नहीं करते हैं, तो सुविधा को चुना गया है.
• स्टाइलर - चुनी गई सुविधाओं पर लागू किए जाने वाले नियम और एलिमेंट. स्टाइलर सुविधा का रंग, दृश्यता, और वज़न दिखाते हैं. किसी सुविधा में एक या उससे ज़्यादा स्टाइलर लागू किए जा सकते हैं.

स्टाइल तय करने के लिए, आपको featureType के सेट और स्टाइल में elementType सिलेक्टर और stylers अरे. किसी एक कलेक्शन में, सुविधाओं के किसी भी कॉम्बिनेशन को टारगेट किया जा सकता है. हालांकि, एक बार में लागू की जा सकने वाली स्टाइल की संख्या सीमित है. अगर आपकी स्टाइल अरे वर्णों की अधिकतम संख्या से ज़्यादा हो गया है, तो कोई शैली लागू नहीं की जाती.

इस पेज के बाकी हिस्से में सुविधाओं, एलिमेंट, और स्टाइलर.

featureType

नीचे दिया गया JSON स्निपेट, मैप पर मौजूद सभी सड़कों को चुनता है:

{
  "featureType": "road"
}

सुविधाएं या सुविधा के टाइप, मैप पर भौगोलिक विशेषताएं हैं, इसमें सड़कें, पार्क, जल स्रोत, कारोबार वगैरह शामिल हैं.

ये सुविधाएं, all के साथ एक कैटगरी ट्री बनाती हैं का इस्तेमाल किया जा सकता है. अगर किसी सुविधा की जानकारी नहीं दी जाती है, तो सभी सुविधाओं को चुन लिया जाता है. all की सुविधा को तय करने का भी वही असर होता है.

कुछ सुविधाओं में चाइल्ड सुविधाएं शामिल हैं जिन्हें आपने बिंदु का इस्तेमाल करके तय किया है नोटेशन. उदाहरण के लिए, landscape.natural या road.local. यदि आप केवल मूल सुविधा निर्दिष्ट करते हैं, जैसे road, पैरंट के लिए आपकी तय की गई स्टाइल इन पर लागू होती हैं जैसे कि road.local और road.highway.

ध्यान दें कि पैरंट सुविधाओं में कुछ ऐसे एलिमेंट शामिल हो सकते हैं जो शामिल न हों बच्चों को मिलने वाली सभी सुविधाओं में उनका इस्तेमाल किया जाता है.

ये सुविधाएं उपलब्ध हैं:

• all (डिफ़ॉल्ट) सभी सुविधाओं को चुनता है.
• administrative सभी राज्य को चुनता है. स्टाइल केवल व्यवस्थापकीय क्षेत्रों के लेबल को प्रभावित करता है, भौगोलिक क्षेत्र के सीमा या फ़िल.
  • administrative.country देशों को चुनता है.
  • administrative.land_parcel, लैंड पार्सल चुनता है.
  • administrative.locality इलाके चुनता है.
  • administrative.neighborhood आस-पास की जगहें चुनता है.
  • administrative.province प्रांतों को चुनता है.
• landscape सभी लैंडस्केप चुनता है.
  • landscape.man_made, इंसानों की बनाई हुई सुविधाएं चुनता है. जैसे, इमारत और अन्य सुविधाएं स्ट्रक्चर.
  • landscape.natural प्राकृतिक विशेषताएं चुनता है, जैसे कि पहाड़, नदियां, रेगिस्तान, और ग्लेशियर.
  • landscape.natural.landcover, लैंड कवर की सुविधाएं और फ़िज़िकल मटीरियल चुनता है जो धरती की सतह को कवर करती है, जैसे कि जंगल, घास के मैदान, दलदली ज़मीन, और खुली ज़मीन.
  • landscape.natural.terrain, ज़मीन की सतह के लिए इलाके की विशेषताएं चुनता है, जैसे कि ऊंचाई, ढलान, और ओरिएंटेशन.
• poi सभी पसंदीदा जगहों को चुनता है.
  • poi.attraction पर्यटकों के घूमने-फिरने की जगहें चुनता है.
  • poi.business कारोबारों को चुनता है.
  • poi.government, सरकारी इमारतों को चुनता है.
  • poi.medical आपातकालीन सेवाओं को चुनता है, जिनमें ये शामिल हैं अस्पताल, फ़ार्मेसी, पुलिस, डॉक्टर वगैरह.
  • poi.park पार्क चुनता है.
  • poi.place_of_worship, प्रार्थना करने की जगहें चुनता है. इनमें ये शामिल हैं चर्च, मंदिर, मस्जिद वगैरह.
  • poi.school स्कूलों को चुनता है.
  • poi.sports_complex खेल परिसर चुनता है.
• road सभी सड़कों को चुनता है.
  • road.arterial, मुख्य सड़कों को चुनता है.
  • road.highway हाइवे चुनता है.
  • road.highway.controlled_access इसके साथ हाइवे चुनता है कंट्रोल किया जा सकता है.
  • road.local स्थानीय सड़कों को चुनता है.
• transit सभी ट्रांज़िट स्टेशन और लाइनें चुनता है.
  • transit.line ट्रांज़िट लाइन चुनता है.
  • transit.station सभी ट्रांज़िट स्टेशन को चुनता है.
  • transit.station.airport हवाई अड्डे चुनता है.
  • transit.station.bus बस स्टॉप चुनता है.
  • transit.station.rail, रेलवे स्टेशन चुनता है.
• water पानी के स्रोत चुनता है.

elementType

नीचे दिया गया JSON स्निपेट, सभी स्थानीय सड़कों के लिए लेबल चुनता है:

{
  "featureType": "road.local",
  "elementType": "labels"
}

एलिमेंट, किसी सुविधा के सबडिविज़न होते हैं. उदाहरण के लिए, सड़क यह मैप पर ग्राफ़िकल लाइन (ज्यामिति) से बना होता है और इसमें टेक्स्ट इससे पता चलता है कि इसका नाम क्या है (एक लेबल).

ये एलिमेंट उपलब्ध हैं, लेकिन ध्यान रखें कि एक खास सुविधा मुमकिन है कि वे किसी भी, कुछ या सभी एलिमेंट के साथ काम न करें:

• all (डिफ़ॉल्ट) इस सुविधा के सभी एलिमेंट चुनती है.
• geometry बताए गए के सभी ज्यामितीय तत्वों को चुनता है सुविधा.
  • geometry.fill सिर्फ़ सुविधा की पूरी जानकारी चुनता है ज्यामिति शामिल करें.
  • geometry.stroke सुविधा के सिर्फ़ स्ट्रोक को चुनता है ज्यामिति शामिल करें.
• labels, इससे जुड़े टेक्स्ट वाले लेबल चुनता है किसी खास सुविधा का इस्तेमाल करने के लिए किया जा सकता है.
  • labels.icon सिर्फ़ उस आइकॉन को चुनता है जो सुविधा का लेबल.
  • labels.text सिर्फ़ लेबल के टेक्स्ट को चुनता है.
  • labels.text.fill सिर्फ़ लेबल का भरने का विकल्प चुनता है. कॉन्टेंट बनाने लेबल की फ़िल को आम तौर पर रंगीन आउटलाइन के तौर पर दिखाया जाता है, लेबल टेक्स्ट के चारों ओर.
  • labels.text.stroke सिर्फ़ लेबल के स्ट्रोक को चुनता है टेक्स्ट.

stylers

स्टाइलर फ़ॉर्मैटिंग के विकल्प हैं. इन्हें मैप की सुविधाओं और एलिमेंट.

नीचे दिया गया JSON स्निपेट, किसी सुविधा को चमकीले हरे रंग में दिखाता है. आरजीबी वैल्यू:

"stylers": [
  { "color": "#99FF33" }
]

यह स्निपेट सुविधा के रंग की पूरी तीव्रता को हटा देता है, भले ही शुरू होने का रंग. इसका मतलब है कि सुविधा को ग्रेस्केल रेंडर करना है:

"stylers": [
  { "saturation": -100 }
]

यह स्निपेट सुविधा को पूरी तरह से छिपा देता है:

    "stylers": [
      { "visibility": "off" }
    ]

निम्न शैली विकल्प समर्थित हैं:

• hue (फ़ॉर्मैट की आरजीबी हेक्स स्ट्रिंग #RRGGBB) बुनियादी रंग को दिखाता है.

  ध्यान दें: यह विकल्प, रंग को गहरा या फीका करता है और रंग को गहरा या फीका करता है. डिफ़ॉल्ट Google शैली में (या अन्य शैली विकल्पों में) परिभाषित करें). नतीजे के तौर पर मिलने वाला रंग, आधार मैप. अगर Google, बुनियादी मैप की स्टाइल में कोई बदलाव करता है, तो hue से स्टाइल की गई आपके मैप की सुविधाओं को प्रभावित करता है. यह बेहतर है अगर हो सके, तो color स्टाइलर का इस्तेमाल करें.

• lightness (-100 के बीच का फ़्लोटिंग-पॉइंट मान और 100) से पता चलता है कि एलिमेंट. ऋणात्मक मान गहरापन बढ़ाते हैं (जहां -100 का अर्थ है काला) जबकि पॉज़िटिव मान ब्राइटनेस को बढ़ाते हैं (जहां +100 का मतलब सफ़ेद है).

  ध्यान दें: यह विकल्प, रंग को गहरा या फीका रखते हुए हल्के रंग को सेट करता है डिफ़ॉल्ट Google शैली में (या अन्य शैली विकल्पों में) परिभाषित करें). नतीजे के तौर पर मिलने वाला रंग, आधार मैप. अगर Google, बुनियादी मैप की स्टाइल में कोई बदलाव करता है, तो lightness से स्टाइल की गई आपके मैप की सुविधाओं को प्रभावित करता है. यह बेहतर है color स्टाइलर का इस्तेमाल करें.

• saturation (-100 के बीच का फ़्लोटिंग-पॉइंट मान और 100) से पता चलता है कि मूल रंग, जिसे एलीमेंट पर लागू करना है.

  ध्यान दें: यह विकल्प, रंग और हल्केपन को बनाए रखते हुए रंग को गहरा या फीका करता है डिफ़ॉल्ट Google शैली में (या अन्य शैली विकल्पों में) परिभाषित करें). नतीजे के तौर पर मिलने वाला रंग, आधार मैप. अगर Google, बुनियादी मैप की स्टाइल में कोई बदलाव करता है, तो saturation से स्टाइल की गई आपके मैप की सुविधाओं को प्रभावित करता है. यह समय है color स्टाइलर का इस्तेमाल करें.

• gamma (0.01 और के बीच का फ़्लोटिंग-पॉइंट वैल्यू 10.0, जहां 1.0 कोई सुधार लागू नहीं करता) यह बताता है गामा सुधार की मात्रा, जिसे एलिमेंट पर लागू किया जाना है. गामा करेक्शन कलर की लाइटनेस को नॉन-लीनियर तरीके से बदलें और बिना किसी बदलाव के सफ़ेद या काले रंग की वैल्यू. गामा करेक्शन का इस्तेमाल आम तौर पर, कई एलिमेंट का कंट्रास्ट. उदाहरण के लिए, आप गामा को इसके किनारों और अंदर के हिस्से के बीच का कंट्रास्ट बढ़ाएं या घटाएं एलिमेंट.

  ध्यान दें: यह विकल्प डिफ़ॉल्ट Google के संबंध में रोशनी को समायोजित करता है स्टाइल के बारे में ज़्यादा जानें. अगर Google, बुनियादी मैप में कोई बदलाव करता है स्टाइल, बदलाव आपके मैप की सुविधाओं पर असर डालते हैं. gamma. ऐब्सलूट color का इस्तेमाल करना बेहतर है स्टाइलर को चुनें.

• invert_lightness (अगर true है) मौजूदा फ़ोटो की रोशनी को कम कर देता है. उदाहरण के लिए, यह तुरंत गहरे रंग के मैप पर, सफ़ेद टेक्स्ट वाले मैप पर स्विच करना.

  ध्यान दें: यह विकल्प डिफ़ॉल्ट Google शैली को उलट देता है. अगर Google बुनियादी मैप की स्टाइल में कोई बदलाव करता है, लेकिन ये बदलाव आपके मैप की स्टाइल में बदलाव invert_lightness के साथ स्टाइल की गई सुविधाएँ. यह समय है color स्टाइलर का इस्तेमाल करें.

• visibility (on, off या simplified) से पता चलता है कि एलिमेंट, पेज पर मौजूद है या नहीं. अगर है, तो किस तरह का है मैप. simplified की विज़िबिलिटी, सेटिंग की कुछ सुविधाएं हटा देती है समस्याओं पर असर डाल सकते हैं; उदाहरण के लिए, सड़कों को पतला बनाने के लिए इस्तेमाल किया जाता है बिना आउटलाइन वाली लाइनें, जबकि पार्क का लेबल टेक्स्ट मिट जाता है, लेकिन लेबल आइकॉन.
• color (फ़ॉर्मैट की आरजीबी हेक्स स्ट्रिंग #RRGGBB) सुविधा का रंग सेट करती है.
• weight (पूर्णांक मान, शून्य से ज़्यादा या उसके बराबर) सेट सुविधा का वज़न, पिक्सल में. भार को उच्च मान पर सेट करने से हो सकता है कि जिससे टाइल बॉर्डर के पास क्लिप बन जाएगी.

स्टाइल के नियम आपके तय किए गए क्रम में लागू होते हैं. एक साथ न जोड़ें कई ऑपरेशन को एक ही स्टाइल ऑपरेशन में शामिल कर देते हैं. इसके बजाय, प्रत्येक ऑपरेशन को शैली अरे में एक अलग एंट्री के तौर पर.

ध्यान दें: ऑर्डर ज़रूरी होता है, क्योंकि कुछ कार्रवाइयां क्रम से नहीं चलती हैं. विशेषताएं और/या ऐसे एलिमेंट जिन्हें स्टाइल ऑपरेशन के ज़रिए पहले ही बदल दिया गया है (आम तौर पर) मौजूदा स्टाइल हैं. ऑपरेशन मौजूद होने पर उन मौजूदा स्टाइल पर काम करते हैं.

रंग, गहरा या फीका करने वाला मॉडल

शैली वाले मैप में रंग, सैचुरेशन, लाइटनेस (एचएसएल) मॉडल, जो स्टाइलर में रंग को दिखाने के लिए हो कार्रवाइयां. रंग मूल रंग, संतृप्तता को दिखाता है उस रंग की तीव्रता बताता है और हल्कापन रंग में सफ़ेद या काला रंग.

गामा करेक्शन की मदद से, कलर स्पेस में रोशनी को बदला जाता है. आम तौर पर, का इस्तेमाल किया जा सकता है. इसके अलावा, HSL मॉडल रंग को परिभाषित करता है निर्देशांक स्पेस में होता है, जहां hue ओरिएंटेशन दिखाता है में, एक कलर व्हील में मौजूद होता है, जबकि रंग गहरा या फीका और हल्कापन आयाम को दिखाता है अलग-अलग ऐक्सिस पर. रंगों को आरजीबी कलर स्पेस में मापा जाता है, जो ज़्यादातर आरजीबी कलर स्पेस से मिलता-जुलता है. हालांकि, इनमें सफ़ेद रंग के शेड और काले रंग मौजूद नहीं हैं.

hue, एचटीएमएल की हेक्स कलर वैल्यू लेता है, लेकिन इस वैल्यू का ही इस्तेमाल किया जाता है मूल रंग तय करने के लिए - यानी, रंग के आसपास उसका ओरिएंटेशन पहिया, इसकी संतृप्ति या रोशनी नहीं, जो प्रतिशत में हुए बदलावों के रूप में अलग से दिखाया जाता है.

उदाहरण के लिए, शुद्ध हरे रंग को इस रूप में परिभाषित किया जा सकता है hue:0x00ff00 या hue:0x000100. दोनों रंग एक जैसा. एचएसएल कलर मॉडल में दोनों वैल्यू, एकदम हरे रंग की ओर इशारा करती हैं.

आरजीबी कलर व्हील

आरजीबी hue वैल्यू में लाल, हरे, और नीले रंग के बराबर हिस्से शामिल हैं कोई रंग नहीं दिखाते, क्योंकि उनमें से कोई भी मान स्क्रीन की दिशा एचएसएल निर्देशांक स्पेस. उदाहरण के लिए "#000000" (काला), "#FFFFFF" (सफ़ेद), और स्लेटी रंग के सभी रंग. काला, सफ़ेद या स्लेटी रंग दिखाने के लिए, आपको सभी saturation हटाएं (वैल्यू को -100 पर सेट करें) और इसके बजाय, lightness अडजस्ट करें.

इसके अलावा, पहले से ही रंग वाली मौजूदा सुविधाओं में बदलाव करते समय स्कीम, hue जैसा मान बदलने से उसकी मौजूदा वैल्यू नहीं बदलती saturation या lightness.