Tiles
Tiles Map คือ วิธีการแสดงแผนที่บนเว็บไซต์หรือแอปพลิเคชัน โดยแผนที่จะถูกแบ่งออกเป็นภาพขนาดเล็ก ๆ แต่ละภาพจะแสดงส่วนย่อยของแผนที่ และส่วนย่อยต่างๆ นั้นจะถูกนำมารวมต่อเป็นแผนที่ เมื่อผู้ใช้เรียกดู
หลักการทำงานของ Tiles
- แบ่งพื้นที่แผนที่ : พื้นที่ของแผนที่ทั้งหมดจะถูกแบ่งออกเป็นภาพขนาดเล็กๆ เรียกว่า ไทล์ แต่ละไทล์จะมีขนาดมาตรฐาน เช่น 256 x 256 พิกเซล
- จัดเก็บไทล์ : ไทล์ทั้งหมดจะถูกจัดเก็บไว้บนเซิร์ฟเวอร์
- แสดงผลไทล์ : เมื่อผู้ใช้ดูแผนที่ เว็บเบราว์เซอร์จะร้องขอไทล์ที่จำเป็นจากเซิร์ฟเวอร์ ไทล์เหล่านี้จะถูกนำมารวมต่อกันบนหน้าจอเพื่อแสดงภาพแผนที่ที่สมบูรณ์
- ซูมและเลื่อน : เมื่อผู้ใช้ซูมเข้าหรือเลื่อนแผนที่ เว็บเบราว์เซอร์จะร้องขอไทล์ที่มีขนาดใหญ่ขึ้นหรือเล็กลงตามลำดับ
ตารางระดับการซูมของ Tiles
| ระดับการซูม | จำนวนไทล์ | ความกว้าง (ลองจิจูด) | ตัวอย่างของพื้นที่ที่ใช้แทนบนแผนที่ |
|---|---|---|---|
| 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 | อาคารขนาดเล็ก |