अहम जानकारी: डाइनैमिक और इंटरैक्टिव Google चार्ट का रखरखाव बड़े पैमाने पर किया जा रहा है. हालांकि, साल 2012 से ही हमने स्टैटिक Google इमेज चार्ट को आधिकारिक तौर पर बंद कर दिया है. इसे 18 मार्च, 2019 को बंद कर दिया गया था.
इस पेज पर, यूआरएल का इस्तेमाल करके कई तरह के कॉलआउट, बबल, पिन, और अन्य ग्राफ़िक बनाने का तरीका बताया गया है.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000
- शुरुआती जानकारी
- सिंटैक्स
- आइकॉन के टाइप
- बबल्स
- पिन
- मज़ेदार स्टाइल नोट
- मौसम के पूर्वानुमान से जुड़ी जानकारी
- आउटलाइन किया गया फ़ॉन्ट टेक्स्ट ब्लॉक (सिर्फ़ टेक्स्ट)
- आउटलाइन किया गया फ़ॉन्ट टेक्स्ट ब्लॉक (टेक्स्ट + आइकॉन)
- उपलब्ध फ़्लैग और आइकॉन की सूची
- टेक्स्ट स्ट्रिंग
- गहरे हिस्सों को हल्का करना
परिचय
आप टेक्स्ट और इमेज को मिलाने के लिए कई तरह के दिलचस्प कॉलआउट, पिन या बबल बना सकते हैं. इन आइटम को डाइनैमिक आइकॉन कहा जाता है.
सिंटैक्स
रूट यूआरएल: https://chart.googleapis.com/chart?
डाइनैमिक आइकॉन, ? के बाद नीचे दिए गए पैरामीटर का इस्तेमाल करते हैं. रूट यूआरएल में:
पैरामीटर | ज़रूरी है या ज़रूरी नहीं है | ब्यौरा |
---|---|---|
chst=<icon_string_constant> |
ज़रूरी | इससे पता चलता है कि किस तरह का आइकॉन बनाना है.
|
chld=<icon_data> |
ज़रूरी | आइकॉन के साइज़, रोटेशन, टेक्स्ट, और अन्य ज़रूरी डेटा के बारे में जानकारी देने के लिए इस्तेमाल किया जाने वाला खास डेटा.
|
आइकॉन के टाइप
Type | उदाहरण |
---|---|
बबल्स - आइकॉन के साथ या उनके बिना छोटे या बड़े टेक्स्ट बबल चुनें. | |
पिन - पिन के टाइप सादे, स्टार के निशान वाले या तिरछे हो सकते हैं. साथ ही, इनमें एक आइकॉन, एक अक्षर या लंबी टेक्स्ट स्ट्रिंग हो सकती है. | |
टेक्स्ट और वैकल्पिक टाइटल के साथ, मज़ेदार स्टाइल वाले नोट | |
शीर्षक, टेक्स्ट, और मौसम के आइकॉन के साथ मौसम के पूर्वानुमान की जानकारी | |
कई लाइनों वाला टेक्स्ट ब्लॉक, कोई आइकॉन नहीं | |
आइकॉन के साथ सिंगल लाइन आउटलाइन वाला टेक्स्टब्लॉक |
बबल्स
बबल में कई तरह की सुविधाएं मिलती हैं: बड़े या छोटे साइज़ में, आइकॉन के साथ या उसके बिना, एक लाइन या कई लाइनों में लिखे टेक्स्ट. नीचे दी गई टेबल में अलग-अलग तरह के बबल और हर एक के सिंटैक्स के बारे में बताया गया है. पैरामीटर की वैल्यू के बारे में जानकारी, टेबल के नीचे दी गई है.
इन बातों पर ध्यान दें:
- आपने जो टेक्स्ट डाला है उसकी चौड़ाई और ऊंचाई के हिसाब से, सभी बबल का साइज़ बदल जाता है.
- बबल कॉन्सटेंट,
_withshadow
से खत्म होने वाले वैरिएशन के साथ काम करता है._withshadow
वैरिएशन का इस्तेमाल करने पर, यह आपके बबल के नीचे शैडो जोड़ देता है.
टेक्स्ट | आइकॉन | सिंटैक्स | सिर्फ़ शैडो | उदाहरण |
---|---|---|---|---|
सिंगल लाइन | नहीं | chst= |
chst= |
chst=d_bubble_text_small |
सिंगल लाइन | हां | chst= |
chst= |
chst=d_bubble_icon_text_small |
सिंगल लाइन | हां |
chst= |
chst= |
chst=d_bubble_icon_text_big |
मल्टी-लाइन | नहीं | chst= |
chst= |
chst=d_bubble_texts_big |
मल्टी-लाइन | हां |
|
chst= |
chst=d_bubble_icon_texts_big |
सिंटैक्स
- <icon_string>
- इस दस्तावेज़ के आखिर में दिए गए आइकॉन में से किसी एक के बारे में बताने वाली स्ट्रिंग.
- <frame_style>
- पूंछ की दिशा. इन टेल डायरेक्शन कॉन्सटेंट में से चुनें:
bb
- बैलून फ़्रेम, सबसे नीचे बाईं ओर टेल
bbtl
- बैलून फ़्रेम, सबसे ऊपर बाईं ओर टेल
bbtr
- बैलून फ़्रेम, सबसे ऊपर दाईं ओर टेल
bbbr
- बैलून फ़्रेम, सबसे नीचे दाईं ओर टेल
bbT
- बैलून फ़्रेम, कोई टेल नहीं
edge_bl
- एज फ़्रेम, निचले किनारे पर टेल, बायां सिरा
edge_bc
- एज फ़्रेम, निचले किनारे पर टेल, बीच में
edge_br
- एज फ़्रेम, निचले किनारे पर टेल, दाएं सिरे
edge_tl
- एज फ़्रेम, सबसे ऊपर किनारे पर टेल, बायां सिरा
edge_tc
- एज फ़्रेम, सबसे ऊपर किनारे पर टेल, बीच में
edge_tr
- एज फ़्रेम, सबसे ऊपर किनारे से टेल, दाएं सिरे
edge_lt
- एज फ़्रेम, बाएं किनारे पर टेल, ऊपर से सिरा
edge_lc
- एज फ़्रेम, बाएं किनारे पर टेल, बीच में
edge_lb
- एज फ़्रेम, बाएं किनारे पर टेल, बॉटम एंड
edge_rt
- एज फ़्रेम, दाएं किनारे पर टेल, ऊपर से सिरा
edge_rc
- एज फ़्रेम, दाएं किनारे पर टेल, बीच में
edge_rb
- एज फ़्रेम, दाएं किनारे पर टेल, निचला सिरा
- <fill_color>
- बबल में भरने वाला रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <text_color>
- टेक्स्ट का रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <text>
- एक लाइन वाले बबल के लिए, एक लाइन में बबल टेक्स्ट. स्पेस में + का निशान होना चाहिए.
- <text_line_1>|...|<text_line_n>
- कई लाइनों वाले टेक्स्ट बबल के लिए, टेक्स्ट की एक या उससे ज़्यादा लाइन. हर लाइन को | के निशान से अलग किया गया है. पहली लाइन ज़्यादा बड़ी और बोल्ड दिखेगी. स्पेस को + से बदलना ज़रूरी है.
सिर्फ़ शैडो
बबल के लिए, ऊपर दी गई टेबल में दिखाए गए सिंटैक्स का इस्तेमाल करके भी फ़्रीस्टैंडिंग शैडो बनाया जा सकता है. उदाहरण:
chst= |
chst= |
chst= |
chst= |
chst= |
पिन
आइकॉन और/या छोटी टेक्स्ट स्ट्रिंग की मदद से कई तरह के पिन बनाए जा सकते हैं. यहां उपलब्ध पिन के टाइप दिए गए हैं.
पिन किस तरह का है | बबल कॉन्सटेंट | उदाहरण |
---|---|---|
एक अक्षर या आइकॉन वाला सादा पिन |
|
|
एक अक्षर या आइकॉन वाली तिरछी/स्टार के निशान वाली पिन |
|
|
स्केलेबल, रोटेशनेबल, और मल्टी-लाइन पिन | chst=d_map_spin |
एक अक्षर या आइकॉन वाला सादा पिन
यह एक छोटा, सीधा पिन होता है जिसमें एक छोटा आइकॉन या एक अक्षर को होल्ड किया जा सकता है.
लेटर सिंटैक्स
chst=d_map_pin_letter[_withshadow] chld=<character>|<fill_color>|<text_color>
आइकॉन सिंटैक्स
chst=d_map_pin_icon[_withshadow] chld=<icon_string>|<fill_color>
- <वर्ण>
- [सिर्फ़ टेक्स्ट पिन करने के लिए] एक टेक्स्ट वर्ण.
- <icon_string>
- [सिर्फ़ आइकॉन पिन] इस दस्तावेज़ के आखिर में दिए गए आइकॉन में से किसी एक के बारे में बताने वाली स्ट्रिंग.
- <fill_color>
- बबल में भरने वाला रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <text_color>
- [सिर्फ़ टेक्स्ट पिन] टेक्स्ट का रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
सिर्फ़ शैडो
सिर्फ़ इस तरह के पिन के लिए शैडो बनाने के लिए, इस सिंटैक्स का इस्तेमाल करें:
chst=d_map_pin_shadow
chld
पैरामीटर सिर्फ़ शैडो के लिए ज़रूरी नहीं है.
उदाहरण
chst=d_map_pin_letter_withshadow |
chst=d_map_pin_letter |
chst=d_map_pin_icon |
chst=d_map_pin_shadow |
एक अक्षर या आइकॉन के साथ तिरछा/स्टार के निशान वाला पिन
यह एक छोटा पिन होता है, जो बाईं या दाईं ओर झुकाया जाता है या जिसका स्टार ओवरलैप होता है. पिन का कॉन्टेंट एक वर्ण या छोटा आइकॉन हो सकता है.
लेटर सिंटैक्स
chst=d_map_xpin_letter[_withshadow] chld=<pin_style>|<character>|<fill_color>|<text_color>|<star_fill_color>
आइकॉन सिंटैक्स
chst=d_map_xpin_icon[_withshadow] chld=<pin_style>|<icon_string>|<fill_color>|<star_fill_color>
- <pin_style>
- पिन की स्टाइल. इनमें से कोई एक कॉन्सटेंट चुनें:
pin
pin_star
pin_sleft
pin_sright
- <icon_string>
- [आइकॉन पिन] इस दस्तावेज़ के आखिर में दिए गए आइकॉन में से किसी एक के बारे में बताने वाली स्ट्रिंग.
- <वर्ण>
- [टेक्स्ट पिन] एक टेक्स्ट वर्ण.
- <fill_color>
- बबल में भरने वाला रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <text_color>
- [टेक्स्ट पिन] टेक्स्ट का रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <star_fill_color>
- [स्टार पिन] स्टार का फ़िल कलर, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
सिर्फ़ शैडो
सिर्फ़ इस तरह के पिन के लिए शैडो बनाने के लिए, इस सिंटैक्स का इस्तेमाल करें:
chst=d_map_xpin_shadow chld=<pin_style>
उदाहरण
chst=d_map_xpin_letter |
chst=d_map_xpin_letter |
chst=d_map_xpin_icon |
chst=d_map_xpin_shadow |
स्केलिंग और रोटेशन के साथ टेक्स्ट पिन
यह पिन ऐसी पिन है जिसे मैन्युअल तरीके से स्केल करके, लंबी टेक्स्ट स्ट्रिंग शामिल की जा सकती हैं. पिन को पसंद के मुताबिक तय किया जा सकता है. साथ ही, फ़ॉन्ट का साइज़ और रंग भी कंट्रोल किया जा सकता है.
सिंटैक्स
chst=d_map_spin chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>
- <scale_factor>
- पिन का साइज़ बताने के लिए स्केलिंग फ़ैक्टर. यह एक पॉज़िटिव फ़्लोटिंग पॉइंट नंबर है. इसमें 0.5, बिना स्केल किए गए पिन का साइज़ है. इसका मतलब है कि 0.25, उस साइज़ से आधा होगा और 1, उस साइज़ से दोगुनी होगी वगैरह.
- <rotation_deg>
- पिन को डिग्री में घुमाना. पॉज़िटिव और नेगेटिव, दोनों तरह की वैल्यू इस्तेमाल की जा सकती हैं. वर्टिकल पिन के लिए 0 तय करें.
- <fill_color>
- बबल में भरने वाला रंग, छह अंकों के एचटीएमएल हेक्साडेसिमल कलर के तौर पर.
- <font_size>
- पिक्सल में टेक्स्ट के फ़ॉन्ट का साइज़.
- <font_style>
- सामान्य टेक्स्ट के लिए '_' (अंडरस्कोर) या बोल्डफ़ेस टेक्स्ट के लिए 'b'.
- <text_line_1>...<text_line_n>
- टेक्स्ट की एक या उससे ज़्यादा लाइनें, जिन्हें | वर्णों से अलग किया जाता है.
उदाहरण
chst=d_map_spin |
chst=d_map_spin |
chst=d_map_spin |
मज़ेदार स्टाइल नोट
नए टेंप्लेट में कई तरह के टेक्स्ट नोट बनाए जा सकते हैं, जैसे कि स्टिकी नोट या थॉट बबल. आपके पास नोट में टाइटल लाइन शामिल करने का विकल्प भी होता है.
इन नोट का साइज़ तय होता है. आपके टेक्स्ट के साइज़ के हिसाब से इनका साइज़ नहीं बढ़ेगा और न ही छोटा होगा.
सिंटैक्स
chst=d_fnote_title OR chst=d_fnote chld=<note_type>|<note_size>|<text_color>|<text_alignment>|<text_line_1>|...|<text_line_n>
- Chst
- टाइटल वाले नोट के लिए
d_fnote_title
बताएं या बिना शीर्षक वाले नोट के लिएd_fnote
बताएं. टाइटल वाले नोट में, टेक्स्ट की पहली लाइन को शीर्षक (बड़ा और बोल्डफ़ेस) के तौर पर फ़ॉर्मैट किया जाएगा. - <note_type>
- नोट के आकार के बारे में बताने वाली स्ट्रिंग. नीचे दी गई टेबल में किसी नोट के टाइप वाली स्ट्रिंग चुनें.
- < note_size> में
- एक (एक) बड़े नोट के लिए या 2 छोटे नोट के लिए. टेंप्लेट के साइज़ तय होते हैं. टेक्स्ट को फ़िट करने के लिए, टेंप्लेट नहीं बढ़ते या सिकुड़ते नहीं. दोनों साइज़ आज़माकर देखें, ताकि यह पता चल सके कि आपके टेक्स्ट के लिए कौनसा साइज़ बेहतर है.
- <text_color>
- टेक्स्ट का रंग, छह अंकों के हेक्साडेसिमल रंग के तौर पर इस्तेमाल होता है. इसमें ऐल्फ़ा वैल्यू स्वीकार नहीं की जाती हैं.
- <text_alignment>
- हेडर के साथ-साथ सभी टेक्स्ट का अलाइनमेंट. इनमें से कोई एक वैल्यू चुनें:
- l - ('L') बाईं ओर संरेखित
- h - मध्य में संरेखित किया गया
- r - दायां संरेखित
- <text_line_1>| ...|<text_line_n>
- नोट का टेक्स्ट. नई लाइन दिखाने के लिए | वर्ण का इस्तेमाल करें.
chst=d_fnote_title
होने पर, टेक्स्ट की पहली लाइन को टाइटल के तौर पर फ़ॉर्मैट किया जाता है.
नोट टाइप के टेंप्लेट
नोट के टेंप्लेट के लिए, इन टेंप्लेट का इस्तेमाल किया जा सकता है. हर एक के लिए, note_type स्ट्रिंग को टेंप्लेट के नीचे दिखाया गया है.
ध्यान दें: टेक्स्ट स्ट्रिंग केस-सेंसिटिव (बड़े और छोटे अक्षरों में अंतर) होती हैं!
arrow_d |
balloon |
pinned_c |
sticky_y |
taped_y |
thought |
उदाहरण
ब्यौरा | उदाहरण |
---|---|
इस शीर्षक वाला नोट: chst=d_fnote_title . टेक्स्ट की पहली
लाइन को शीर्षक के तौर पर इस्तेमाल किया जाता है. नोट का साइज़ बड़ा है (1). |
chst=d_fnote_title |
बिना शीर्षक वाला नोट: chst=d_fnote. टेक्स्ट बीच में है. |
chst=d_fnote |
किसी पुराने चुटकुला के लिए उपयोगी टेंप्लेट. |
|
मौसम के पूर्वानुमान से जुड़ी जानकारी
मौसम के इंंडिकेटर आइकॉन का इस्तेमाल करके, नोट बनाया जा सकता है. इसका लेआउट, मज़ेदार स्टाइल नोट की तरह ही होता है. हालांकि, टेक्स्ट का रंग हमेशा काला होता है और टेक्स्ट हमेशा बाईं ओर अलाइन होता है. साथ ही, टेक्स्ट की सिर्फ़ एक से तीन लाइन हो सकती है.
इन नोट का साइज़ तय होता है. आपके टेक्स्ट के साइज़ के हिसाब से इनका साइज़ नहीं बढ़ेगा और न ही छोटा होगा.
सिंटैक्स
chst=d_weather chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
- Chst
d_weather
मौसम की जानकारी देता है.- <note_type>
- इस नोट के लिए इस्तेमाल किया जाने वाला टेंप्लेट. ऊपर मज़ेदार स्टाइल नोट सूची में बताई गई नोट स्ट्रिंग में से किसी एक का इस्तेमाल करें.
- <weather_icon>
- नीचे दी गई टेबल में, मौसम के आइकॉन वाली स्ट्रिंग में से एक दी गई है. नोट में मौसम के एक ही आइकॉन को शामिल किया जा सकता है.
- <title>|<line_2>|<line_3>
- टाइटल के साथ-साथ टेक्स्ट की दो और लाइनें (ये अतिरिक्त टेक्स्ट लाइनें ज़रूरी नहीं हैं). टाइटल बड़ा और बोल्ड है.
मौसम की जानकारी के आइकॉन
यहां मौसम के काम करने वाले आइकॉन की सूची दी गई है. इसमें हर एक के लिए, weather_icon की स्ट्रिंग दिख रही है.
ध्यान दें: टेक्स्ट स्ट्रिंग केस-सेंसिटिव (बड़े और छोटे अक्षरों में अंतर) होती हैं!
clear-night-moon |
cloudy-heavy |
cloudy-sunny |
cloudy |
rain |
rainy-sunny |
snow |
snowflake |
snowy-sunny |
sunny-cloudy |
sunny |
thermometer-cold |
thermometer-hot |
thunder |
windy |
उदाहरण
ब्यौरा | उदाहरण |
---|---|
taped_y स्टाइल टेंप्लेट पर शीर्षक और दो लाइनों वाला
मौसम की जानकारी. |
|
सर्दियों के लिए एक इच्छा. |
|
आउटलाइन किया गया फ़ॉन्ट टेक्स्ट ब्लॉक (सिर्फ़ टेक्स्ट)
आप सफ़ेद बैकग्राउंड के साथ आउटलाइन किए हुए टेक्स्ट का एक ब्लॉक बना सकते हैं. अगर आपको टेक्स्ट और आइकॉन की ज़रूरत है, तो एक लाइन वाले वैरिएंट का इस्तेमाल करें, जो आइकॉन के साथ काम करता हो.
सिंटैक्स
chst=d_text_outline chld=<text_fill_color>|<font_size>|<text_alignment>|<outline_color>|<font_weight>|<text_line_1>|...|<text_line_n>
- <text_fill_color>
- टेक्स्ट का रंग. यह छह अंकों का हेक्साडेसिमल कलर है. इसमें ऐल्फ़ा वैल्यू स्वीकार नहीं की जाती हैं.
- <font_size>
- फ़ॉन्ट साइज़ को बताने वाली संख्या, जिसे पिक्सल में दिखाया जाता है.
- <text_alignment>
- हेडर के साथ-साथ सभी टेक्स्ट का अलाइनमेंट. इनमें से कोई एक वैल्यू चुनें:
- l - ('L')बाईं ओर अलाइन किया गया
- h - मध्य में संरेखित किया गया
- r - दायां संरेखित
- <outline_color>
- टेक्स्ट की आउटलाइन का रंग. यह छह अंकों का हेक्साडेसिमल कलर है. इसमें ऐल्फ़ा वैल्यू स्वीकार नहीं की जाती हैं.
- <font_weight>
- सामान्य या बोल्ड टेक्स्ट. सामान्य टेक्स्ट के लिए अंडरस्कोर '_' और बोल्ड टेक्स्ट के लिए 'b'.
- <text_line_1>| ...|<text_line_n>
- नोट का टेक्स्ट. नई लाइन दिखाने के लिए | वर्ण का इस्तेमाल करें.
chst=d_fnote_title
होने पर, टेक्स्ट की पहली लाइन को टाइटल के तौर पर फ़ॉर्मैट किया जाता है.
उदाहरण
chst=d_text_outline |
chst=d_text_outline |
आउटलाइन किया गया फ़ॉन्ट टेक्स्ट ब्लॉक (टेक्स्ट + आइकॉन)
आप आउटलाइन वाले टेक्स्ट की एक लाइन बना सकते हैं. साथ ही, ब्लॉक के ऊपर, बाएं, नीचे या दाईं ओर एक आइकॉन भी बना सकते हैं. अगर आपको आइकॉन की ज़रूरत नहीं है, तो आउटलाइन किए गए फ़ॉन्ट टेक्स्ट ब्लॉक का इस्तेमाल करें.
सिंटैक्स
chst=<icon_position_string> chld=<text>|<font_size>|<font_fill_color>|<icon_name>|<icon_size>|<icon_fill_color>|<icon_and_text_border_color>
- <icon_position_string>
- तय करता है कि आइकॉन, टेक्स्ट बॉक्स में कहां दिखेगा. इनमें से कोई एक वैल्यू चुनें:
d_simple_text_icon_below
- बॉक्स के नीचे आइकॉन दिखाता है:d_simple_text_icon_above
- बॉक्स के सबसे ऊपर आइकॉन दिखाता है:d_simple_text_icon_left
- बॉक्स के बाईं ओर आइकॉन दिखाता है:d_simple_text_icon_right
- बॉक्स की दाईं ओर आइकॉन दिखाता है:
- <text>
- दिखाया जाने वाला टेक्स्ट. सिर्फ़ एक लाइन; स्पेस के लिए + का इस्तेमाल करें.
- <font_size>
- फ़ॉन्ट साइज़ को बताने वाली संख्या, जिसे पिक्सल में दिखाया जाता है.
- <font_fill_color>
- टेक्स्ट के लिए फ़िल कलर, छह अंकों वाली स्ट्रिंग के तौर पर. ऐल्फ़ा वैल्यू इस्तेमाल नहीं की जा सकतीं.
- <icon_name>
- इस दस्तावेज़ में सबसे नीचे दिए गए आइकॉन के नामों में से कोई एक.
- <icon_size>
- आइकॉन की ऊंचाई, पिक्सल में. ये वैल्यू इस्तेमाल की जा सकती हैं: 12, 16, 24.
- <icon_fill_color>
- आइकॉन का रंग, छह अंकों वाली स्ट्रिंग के तौर पर. ऐल्फ़ा वैल्यू इस्तेमाल नहीं की जा सकतीं.
- <icon_and_text_border_color>
- आइकॉन और टेक्स्ट के चारों ओर बॉर्डर का रंग, छह अंकों वाली स्ट्रिंग के तौर पर. ऐल्फ़ा वैल्यू इस्तेमाल नहीं की जा सकतीं.
उपलब्ध फ़्लैग और आइकॉन की सूची
सही पैरामीटर का इस्तेमाल करके, डाइनैमिक आइकॉन में इन इमेज का इस्तेमाल किया जा सकता है.
ध्यान दें: टेक्स्ट स्ट्रिंग केस-सेंसिटिव (बड़े और छोटे अक्षरों में अंतर) होती हैं
ध्यान दें: आइकॉन सिर्फ़ इन साइज़ में उपलब्ध हैं: 12, 16, 24.
बेसिक आइकॉन
Glyphish.com के आइकॉन
ये आइकॉन जोसेफ़ वेन / glyphish.com के हैं. इस काम का लाइसेंस क्रिएटिव कॉमंस एट्रिब्यूशन 3.0 यूनाइटेड स्टेट्स लाइसेंस के तहत मिला है.
फ़्लैग
यहां कुछ देशों और इलाक़ों के फ़्लैग दिए गए हैं.
टेक्स्ट स्ट्रिंग
अनुरोध में भेजे गए सभी डिसप्ले टेक्स्ट, UTF-8 कोड में बदले जाने चाहिए. इसके बाद, यूआरएल कोड में बदलना चाहिए.
इससे सिर्फ़ उन वर्णों पर असर पड़ता है जो यूआरएल के साथ सुरक्षित नहीं हैं. यूआरएल को सुरक्षित रखने वाले वर्णों में, ज़्यादातर अंग्रेज़ी के अक्षर a-z होते हैं. साथ ही, ये अपर और लोअर केस के साथ-साथ,
विराम चिह्न का एक छोटा सेट भी होता है. उदाहरण के लिए, "è" अक्षर के लिए UTF-8 और यूआरएल के साथ कोड में एन्कोड की गई वैल्यू, "%C3%A8
" है और चाइनीज़ वर्ण 駅 "%E9%A7%85
" है. ज़्यादातर ब्राउज़र, यूआरएल स्ट्रिंग में बिना कोड वाली वैल्यू (जैसे, 駅) का इस्तेमाल करने देंगे और उसे पर्दे के पीछे कोड में बदल देंगे.
हालांकि, हो सकता है कि आपकी इमेज का यूआरएल देखने वाला कोई व्यक्ति ऐसे ब्राउज़र का इस्तेमाल कर रहा हो
जो ऐसा नहीं करता. इसलिए, आम तौर पर UTF-8 का इस्तेमाल करना सबसे अच्छा होता है. साथ ही, टेक्स्ट स्ट्रिंग में बिना ASCII
वाले सभी वर्णों को यूआरएल कोड में बदलना चाहिए. ध्यान दें कि यह सिर्फ़ बबल या पिन में दिखने वाले टेक्स्ट के लिए है. &,
| या ऐसे दूसरे वर्णों के लिए नहीं जो यूआरएल सिंटैक्स का हिस्सा हैं.
गहरे हिस्सों को हल्का करना
आपके पास कई आइकॉन के लिए शैडो जोड़ने का विकल्प होता है. इसके अलावा, आइकॉन के बिना भी कुछ आइकॉन के लिए शैडो बनाया जा सकता है!
शैडो वाले आइकॉन
इनमें से कई आइकॉन परछाइयों के साथ या उनके बिना बनाई जा सकती है. अगर शैडो करने का विकल्प
है, तो आइकॉन के नाम का एक वर्शन होगा जो _withshadow
से खत्म होगा. साथ ही, दूसरे वर्शन में भी यह
खत्म नहीं होगा. आपको शैडो चाहिए या नहीं, इस आधार पर
उसके आखिर में कोई आइकॉन तय किया जा सकता है.
यहां मध्यम टेक्स्ट बबल और शैडो के साथ और उसके बिना पिन का उदाहरण दिया गया है:
chst=d_bubble_icon_text_big |
chst=d_bubble_icon_text_big_withshadow |
chst=d_map_pin_icon |
chst=d_map_pin_icon_withshadow |
फ़्रीस्टैंडिंग शैडो
कुछ आइकॉन टाइप की मदद से, उनके लिए शैडो खुद ही बनाई जा सकती है. अगर ग्राफ़िक पर ओवरलैप होने वाले कई आइकॉन इस्तेमाल किए जा रहे हैं और वे इतने करीब हैं कि एक ग्राफ़िक की परछाई दूसरे ग्राफ़िक पर पड़ जाए, तो शायद आप ऐसा करना चाहें. आपके खास तरह के आइकॉन की शैडो को अकेले ही ड्रॉ करने के लिए, दस्तावेज़ देखें.