शैली विकल्पों की मदद से आप 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
.