สำคัญ: แม้ว่า Google Charts แบบไดนามิกและแบบอินเทอร์แอกทีฟจะได้รับการดูแลอย่างต่อเนื่อง แต่เราเลิกใช้งานแผนภูมิ Google รูปภาพแบบคงที่อย่างเป็นทางการไปตั้งแต่ปี 2012 และจะปิดโหมดนี้ไปเมื่อวันที่ 18 มีนาคม 2019
หน้านี้อธิบายวิธีสร้างไฮไลต์ ลูกโป่ง หมุด และกราฟิกอื่นๆ แบบต่างๆ ที่สามารถสร้างโดยใช้ URL
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000
- บทนำ
- ไวยากรณ์
- ประเภทไอคอน
- ลูกโป่ง
- การปักหมุด
- โน้ตสไตล์สนุกๆ
- หมายเหตุการพยากรณ์อากาศ
- บล็อกข้อความแบบอักษรที่เติมขอบ (ข้อความเท่านั้น)
- บล็อกข้อความแบบอักษรที่เติมขอบ (ข้อความ + ไอคอน)
- รายการแฟล็กและไอคอนที่ใช้ได้
- สตริงข้อความ
- เงา
บทนำ
คุณสร้างไฮไลต์ หมุด หรือลูกโป่งที่น่าสนใจได้หลากหลายรูปแบบผสมข้อความและรูปภาพ รายการเหล่านี้เรียกว่าไอคอนแบบไดนามิก
ไวยากรณ์
URL รูท: https://chart.googleapis.com/chart?
ไอคอนแบบไดนามิกรองรับพารามิเตอร์ต่อไปนี้หลังเครื่องหมาย ? ใน URL ราก:
พารามิเตอร์ | ต้องระบุหรือไม่บังคับ | คำอธิบาย |
---|---|---|
chst=<icon_string_constant> |
จำเป็น | อธิบายประเภทของไอคอนที่จะสร้าง
|
chld=<icon_data> |
จำเป็น | ข้อมูลเฉพาะที่ใช้เพื่ออธิบายขนาด การหมุน ข้อความ และข้อมูลอื่นๆ ที่จำเป็นของไอคอน
|
ประเภทไอคอน
Type | ตัวอย่าง |
---|---|
บับเบิล - เลือกบับเบิลข้อความขนาดเล็กหรือใหญ่ ที่มีหรือไม่มีไอคอน | |
หมุด - ประเภทการปักหมุดอาจเป็นแบบธรรมดา ที่ติดดาว หรือเอียง และสามารถมีไอคอน ตัวอักษรตัวเดียว หรือสตริงข้อความที่ยาวกว่าก็ได้ | |
โน้ตสไตล์สนุกๆ พร้อมข้อความและชื่อที่ไม่บังคับ | |
บันทึกพยากรณ์อากาศพร้อมชื่อ ข้อความ และไอคอนสภาพอากาศ | |
บล็อกข้อความที่มีเส้นขอบหลายบรรทัด ไม่มีไอคอน | |
บล็อกข้อความที่มีเส้นขอบบรรทัดเดียวพร้อมไอคอน |
ลูกโป่ง
ลูกโป่งมีฟีเจอร์ต่างๆ ผสมกัน เช่น ขนาดใหญ่หรือเล็ก มีหรือไม่มีไอคอน ข้อความแบบบรรทัดเดียวหรือหลายบรรทัด ตารางต่อไปนี้อธิบายประเภทของลูกโป่งและไวยากรณ์สำหรับแต่ละ คำอธิบายค่าพารามิเตอร์แต่ละค่าจะแสดงอยู่ที่ด้านล่างของตาราง
หมายเหตุเพิ่มเติมสองสามข้อ:
- ลูกโป่งทั้งหมดจะปรับขนาดให้พอดีกับความกว้างและความสูงของข้อความที่คุณป้อน
- ค่าคงที่ของลูกโป่งรองรับรูปแบบที่ลงท้ายด้วย
_withshadow
หากคุณใช้รูปแบบ_withshadow
ระบบจะเพิ่มเงาใต้ลูกโป่ง
ข้อความ | Icon | ไวยากรณ์ | เฉพาะเงา | ตัวอย่าง |
---|---|---|---|---|
บรรทัดเดียว | ไม่มี | 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>
- สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก
- <text_color>
- สีข้อความเป็นสีเลขฐานสิบหกสำหรับ HTML 6 หลัก
- <text>
- ข้อความลูกโป่ง 1 บรรทัดสำหรับลูกโป่งบรรทัดเดียว เว้นวรรคต้องเป็นเครื่องหมาย +
- <text_line_1>|...|<text_line_n>
- ข้อความอย่างน้อย 1 บรรทัดสำหรับลูกโป่งข้อความหลายบรรทัด แต่ละบรรทัดจะคั่นด้วยเครื่องหมาย | บรรทัดแรกจะแสดงขนาดใหญ่ขึ้นและเป็นตัวหนา ต้องแทนที่ช่องว่างด้วย +
เฉพาะเงา
สำหรับลูกโป่ง คุณวาดเงาแบบลอยตัวได้ด้วยไวยากรณ์ที่แสดงในตารางด้านบน ตัวอย่าง
chst= |
chst= |
chst= |
chst= |
chst= |
หมุด
คุณสามารถสร้างหมุดได้หลากหลายด้วยไอคอนและ/หรือสตริงข้อความสั้นๆ ประเภท PIN ที่ใช้ได้มีดังนี้
ประเภท PIN | ค่าคงที่ของลูกโป่ง | ตัวอย่าง |
---|---|---|
หมุดธรรมดาที่มีตัวอักษรหรือไอคอนตัวเดียว |
|
|
หมุดเอียง/ติดดาวที่มีตัวอักษรหรือไอคอนเดี่ยว |
|
|
หมุดหลายบรรทัดที่รองรับการปรับขนาด หมุนได้ | chst=d_map_spin |
PIN ธรรมดา ที่มีตัวอักษรเดียวหรือไอคอน
นี่คือหมุดตั้งตรงขนาดเล็กที่สามารถใส่ไอคอนขนาดเล็กหรือตัวอักษร 1 ตัว
ไวยากรณ์ของจดหมาย
chst=d_map_pin_letter[_withshadow] chld=<character>|<fill_color>|<text_color>
ไวยากรณ์ของไอคอน
chst=d_map_pin_icon[_withshadow] chld=<icon_string>|<fill_color>
- <character>
- [การปักหมุดข้อความเท่านั้น] อักขระข้อความ 1 ตัว
- <icon_string>
- [เฉพาะหมุดไอคอน] สตริงที่ระบุไอคอนอันใดอันหนึ่งที่อธิบายไว้ท้ายเอกสารนี้
- <fill_color>
- สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก
- <text_color>
- [หมุดข้อความเท่านั้น] สีข้อความเป็นสีเลขฐานสิบหกสำหรับ HTML 6 หลัก
เฉพาะเงา
หากต้องการวาดเงาเฉพาะสำหรับการปักหมุดประเภทนี้ ให้ใช้ไวยากรณ์ต่อไปนี้
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>
- [หมุดไอคอน] สตริงที่ระบุไอคอนอันใดอันหนึ่งซึ่งอธิบายไว้ท้ายเอกสารนี้
- <character>
- [หมุดข้อความ] อักขระข้อความ 1 ตัว
- <fill_color>
- สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก
- <text_color>
- [หมุดข้อความ] สีข้อความเป็นสีเลขฐานสิบหกของ HTML 6 หลัก
- <star_fill_color>
- [หมุดรูปดาว] สีเติมของดาวในรูปแบบสีฐานสิบหกสำหรับ HTML 6 หลัก
เฉพาะเงา
หากต้องการวาดเงาเฉพาะสำหรับการปักหมุดประเภทนี้ ให้ใช้ไวยากรณ์ต่อไปนี้
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 |
หมุดข้อความที่มีการปรับขนาดและการหมุน
นี่คือ PIN ที่คุณสามารถปรับขนาดด้วยตนเองเพื่อรวมสตริงข้อความที่ยาวขึ้นได้ นอกจากนี้คุณยังสามารถหมุนหมุดในจำนวนที่กำหนดเอง และควบคุมขนาดและสีของแบบอักษร
ไวยากรณ์
chst=d_map_spin chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>
- <scale_factor>)
- ปัจจัยเกี่ยวกับการปรับขนาดเพื่อระบุขนาด PIN นี่เป็นจำนวนจุดลอยตัวบวกที่ 0.5 คือขนาดของหมุดที่ไม่มีมาตราส่วน 0.25 จะเป็นครึ่งหนึ่งของขนาด 1 จะเป็น 2 เท่าของขนาดนี้ และจากต้นนี้
- <rotation_deg>
- การหมุนของหมุด หน่วยเป็นองศา อนุญาตให้ใช้ค่าบวกและค่าลบได้ ระบุ 0 สำหรับ PIN แนวตั้ง
- <fill_color>
- สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก
- <font_size>
- ขนาดแบบอักษรของข้อความในหน่วยพิกเซล
- <font_style>
- ใส่ "_" (ขีดล่าง) สำหรับข้อความปกติ หรือ "b" สำหรับข้อความตัวหนา
- <text_line_1>...<text_line_n>
- ข้อความอย่างน้อย 1 บรรทัดคั่นด้วยอักขระ | ตัว
ตัวอย่าง
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>
- ช่อง
- ระบุ
d_fnote_title
สำหรับโน้ตที่มีชื่อ หรือd_fnote
สำหรับโน้ตที่ไม่มีชื่อ ในโน้ตที่มีชื่อ ข้อความบรรทัดแรกจะมีการจัดรูปแบบเป็นชื่อ (ขนาดใหญ่กว่าและตัวหนา) - <note_type>
- สตริงที่อธิบายรูปร่างของโน้ต เลือกสตริงของประเภทโน้ต 1 รายการในตารางด้านล่าง
- <note_size>
- 1 (1) สำหรับโน้ตขนาดใหญ่ หรือ 2 โน้ตสำหรับโน้ตขนาดเล็ก ขนาดเทมเพลตคงที่ เทมเพลตไม่ขยายหรือย่อให้พอดีกับข้อความ ทดลองใช้ทั้ง 2 ขนาดเพื่อดูว่าขนาดใดเก็บข้อความได้ดีกว่า
- <text_color>
- สีข้อความเป็นสีฐานสิบหก 6 หลัก ไม่สามารถใช้ค่าอัลฟ่า
- <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 |
เทมเพลตที่เป็นประโยชน์สำหรับมุกตลกเก่าๆ |
|
หมายเหตุการพยากรณ์อากาศ
คุณสร้างโน้ตได้ด้วยไอคอนสัญญาณบอกสถานะสภาพอากาศ เลย์เอาต์คล้ายกับโน้ตสไตล์สนุกๆ แต่สีข้อความจะเป็นสีดำเสมอ ข้อความจะอยู่ในแนวซ้ายเสมอ และมีข้อความได้เพียง 1-3 บรรทัดเท่านั้น
โน้ตเหล่านี้จะมีขนาดคงที่ โดยจะไม่ขยายหรือหดให้พอดีกับขนาดของข้อความ
ไวยากรณ์
chst=d_weather chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
- ช่อง
d_weather
หมายถึงบันทึกสภาพอากาศ- <note_type>
- เทมเพลตที่ใช้สำหรับโน้ตนี้ ใช้สตริงโน้ตรายการใดรายการหนึ่งที่ระบุไว้ในรายการโน้ตสไตล์สนุกๆ ด้านบน
- <weather_icon>
- สตริงไอคอนสภาพอากาศ 1 สตริงในตารางด้านล่าง โน้ตสามารถใช้ไอคอนสภาพอากาศเดียวได้
- <ชื่อ>|<line_2>|<line_3>
- ชื่อและข้อความอีกไม่เกิน 2 บรรทัด (ไม่บังคับบรรทัดข้อความเพิ่มเติม) ชื่อมีขนาดใหญ่กว่าและตัวหนา
ไอคอนสภาพอากาศ
ต่อไปนี้คือรายการไอคอนสภาพอากาศที่รองรับ ซึ่งแสดงสตริง 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 |
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
บันทึกสภาพอากาศที่มีชื่อและ 2 บรรทัดบนเทมเพลตสไตล์ 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>
- สีเติมข้อความ รหัสนี้เป็นสีฐานสิบหก 6 หลัก ไม่สามารถใช้ค่าอัลฟ่าได้
- <font_size>
- ตัวเลขที่ระบุขนาดแบบอักษรในหน่วยพิกเซล
- <text_alignment>
- การจัดข้อความสำหรับข้อความทั้งหมด รวมถึงส่วนหัว เลือกค่าใดค่าหนึ่งต่อไปนี้
- l - ('L') จัดชิดซ้าย
- h - จัดข้อความกึ่งกลาง
- r - จัดชิดขวา
- <outline_color>
- สีของโครงร่างข้อความ รหัสนี้เป็นสีฐานสิบหก 6 หลัก ระบบไม่ยอมรับค่าอัลฟ่า
- <font_weight>
- ข้อความปกติหรือตัวหนา ขีดล่าง " _" สำหรับข้อความปกติ และ "b" สำหรับข้อความตัวหนา
- <text_line_1>| ...|<text_line_n>
- ข้อความสำหรับโน้ต ใช้อักขระ | เพื่อระบุบรรทัดใหม่ เมื่อ
chst=d_fnote_title
ข้อความบรรทัดแรกจะมีการจัดรูปแบบเป็นชื่อ
ตัวอย่าง
chst=d_text_outline |
chst=d_text_outline |
บล็อกข้อความแบบอักษรที่ร่างไว้ (ข้อความ + ไอคอน)
คุณสร้างข้อความแบบมีเส้นขอบ 1 บรรทัดพร้อมไอคอนด้านบน ด้านซ้าย ด้านล่าง หรือด้านขวาของบล็อกได้ หากไม่ต้องการไอคอน ให้ใช้บล็อกข้อความแบบอักษรที่ร่างไว้
ไวยากรณ์
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>
- สีเติมของข้อความเป็นสตริง 6 หลัก ระบบไม่รองรับค่าอัลฟ่า
- <icon_name>
- หนึ่งในชื่อไอคอนที่ระบุไว้ที่ด้านล่างของเอกสารนี้
- <icon_size>
- ความสูงของไอคอนในหน่วยพิกเซล ค่าที่รองรับมีดังนี้ 12, 16, 24
- <icon_fill_color>
- สีของไอคอนเป็นสตริงตัวเลข 6 หลัก ระบบไม่รองรับค่าอัลฟ่า
- <icon_and_text_border_color>
- สีเส้นขอบรอบไอคอนและข้อความเป็นสตริง 6 หลัก ระบบไม่รองรับค่าอัลฟ่า
รายการแฟล็กและไอคอนที่ใช้ได้
ภาพต่อไปนี้สามารถใช้ในไอคอนแบบไดนามิกได้โดยใช้พารามิเตอร์ที่เหมาะสม
หมายเหตุ: สตริงข้อความคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
หมายเหตุ: ไอคอนมีเฉพาะในขนาดต่อไปนี้: 12, 16, 24
ไอคอนพื้นฐาน
ไอคอนจาก Glyphish.com
ไอคอนเหล่านี้จัดทำโดย Joseph Wain / glyphish.com ผลงานนี้ได้รับอนุญาตภายใต้สัญญาอนุญาตครีเอทีฟคอมมอนส์ (Creative Commons Attribution License 3.0) ของสหรัฐอเมริกา
แฟล็ก
ธงในบางประเทศและเขตแดนมีดังนี้
ข้อความ สตริง
ข้อความที่แสดงทั้งหมดที่ส่งในคำขอต้องเข้ารหัส UTF-8 แล้วเข้ารหัส URL
โดยจะมีผลเฉพาะกับอักขระที่ไม่อนุญาตให้ใช้ URL เท่านั้น (อักขระที่ปลอดภัยสำหรับ URL ส่วนใหญ่เป็นตัวอักษรภาษาอังกฤษ a-z เป็นทั้งตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก รวมถึงเครื่องหมายวรรคตอนอีกชุดหนึ่ง) ตัวอย่างเช่น ค่า UTF-8 และค่าที่เข้ารหัส URL สำหรับตัวอักษร "è" คือ "%C3%A8
" และสำหรับตัวอักษรจีน 駅 คือ "%E9%A7%85
" เบราว์เซอร์ส่วนใหญ่จะให้คุณใช้ค่าที่ไม่เข้ารหัสในสตริง URL (เช่น 駅) และจะเข้ารหัสค่านี้ให้คุณในเบื้องหลัง
อย่างไรก็ตาม บุคคลอื่นที่ดู URL รูปภาพของคุณอาจใช้เบราว์เซอร์ที่ไม่ดำเนินการตามนั้น ดังนั้น โดยทั่วไปจึงควรใช้ UTF-8 และเข้ารหัส URL ทุกอักขระที่ไม่ใช่ ASCII
ในสตริงข้อความ โปรดทราบว่านี่เป็นเพียงข้อความที่แสดงในลูกโป่งหรือหมุดเท่านั้น ไม่ใช่สำหรับ &, | หรืออักขระอื่นๆ ที่เป็นส่วนหนึ่งของไวยากรณ์ URL
เงา
คุณสามารถเพิ่มเงาให้กับไอคอนจำนวนมาก หรือแม้กระทั่งวาดเงาสำหรับบางไอคอนโดยไม่ต้องมีตัวไอคอนนั้น
ไอคอนที่ถูกซ้อน
ไอคอนจำนวนมากสามารถวาดโดยมีหรือไม่มีเงาก็ได้ หากการสร้างเงาเป็นตัวเลือกหนึ่ง ชื่อไอคอนจะมีเวอร์ชันที่ลงท้ายด้วย _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 |
เงาตกกระทบ
ไอคอนบางประเภทให้คุณวาดเงาได้ด้วยตัวเอง คุณอาจต้องทำเช่นนี้หากใช้ไอคอนที่มีเงาซ้อนทับกันหลายไอคอนในกราฟิก และไอคอนเหล่านั้นอยู่ใกล้มากจนเงาจากไอคอนหนึ่งตกลงไปทับอีกกราฟิกหนึ่ง โปรดดูเอกสารประกอบเกี่ยวกับประเภทไอคอนเฉพาะของคุณ เพื่อดูว่าคุณวาดเงาของไอคอนเพียงอย่างเดียวได้หรือไม่