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 | อาคารขนาดเล็ก |