Tile
Tile Map คือ วิธีการแสดงแผนที่บนเว็บไซต์หรือแอปพลิเคชัน โดยแผนที่จะถูกแบ่งออกเป็นภาพขนาดเล็ก ๆ แต่ละภาพจะแสดงส่วนย่อยของแผนที่ และส่วนย่อยต่างๆ นั้นจะถูกนำมารวมต่อเป็นแผนที่ เมื่อผู้ใช้เรียกดู
หลักการทำงานของ Tile
- แบ่งพื้นที่แผนที่ : พื้นที่ของแผนที่ทั้งหมดจะถูกแบ่งออกเป็นภาพขนาดเล็กๆ เรียกว่า ไทล์ แต่ละไทล์จะมีขนาดมาตรฐาน เช่น 256 x 256 พิกเซล
- จัดเก็บไทล์ : ไทล์ทั้งหมดจะถูกจัดเก็บไว้บนเซิร์ฟเวอร์
- แสดงผลไทล์ : เมื่อผู้ใช้ดูแผนที่ เว็บเบราว์เซอร์จะร้องขอไทล์ที่จำเป็นจากเซิร์ฟเวอร์ ไทล์เหล่านี้จะถูกนำมารวมต่อกันบนหน้าจอเพื่อแสดงภาพแผนที่ที่สมบูรณ์
- ซูมและเลื่อน : เมื่อผู้ใช้ซูมเข้าหรือเลื่อนแผนที่ เว็บเบราว์เซอร์จะร้องขอไทล์ที่มีขนาดใหญ่ขึ้นหรือเล็กลงตามลำดับ
ตารางระดับการซูมของ Tile
ระดับการซูม | จำนวนไทล์ | ความกว้าง (ลองจิจูด) | ตัวอย่างของพื้นที่ที่ใช้แทนบนแผนที่ |
---|---|---|---|
0 | 1 | 360 | โลกทั้งใบ |
1 | 4 | 180 | |
2 | 16 | 90 | ทวีป |
3 | 64 | 45 | ประเทศที่มีขนาดใหญ่ |
4 | 256 | 22.5 | ประเทศมีพื้นทีขนาดใหญ่ |
5 | 1 024 | 11.25 | |
6 | 4 096 | 5.625 | |
7 | 16 384 | 2.813 | ประเทศมีพื้นที่ขนาดเล็ก |
8 | 65 536 | 1.406 | |
9 | 262 144 | 0.703 | พื้นที่ขนาดใหญ่, เขตเมืองใหญ่ |
10 | 1 048 576 | 0.352 | อำเภอ, เขตเมือง |
11 | 4 194 304 | 0.176 | เมือง |
12 | 16 777 216 | 0.088 | เมือง, ตำบล |
13 | 67 108 864 | 0.044 | เมือง, ตำบล |
14 | 268 435 456 | 0.022 | |
15 | 1 073 741 824 | 0.011 | ถนนสายหลัก, ถนนขนาดใหญ๋ |
16 | 4 294 967 296 | 0.005 | |
17 | 17 179 869 184 | 0.003 | ตึก, อาคาร, ที่อยู่อาศัย |
18 | 68 719 476 736 | 0.001 | ตึกขนาดเล็ก, ต้นไม้ |
19 | 274 877 906 944 | 0.0005 | ทางข้าม, ถนนขนาดเล็ก |
20 | 1 099 511 627 776 | 0.00025 | อาคารขนาดเล็ก |