ทดสอบ Map Vendors

ทดสอบการเปลี่ยน map vendor ระหว่าง Google Maps และ Leaflet โดยใช้ component เดียวกัน (Leaflet เป็น default ในทุกที่)

เลือก Map Vendor

แผนที่: Leaflet

รายละเอียดการทดสอบ

Vendor Agnostic: Component เดียวกันสามารถใช้กับ map vendors ต่างๆ ได้
Google Maps: ต้องการ API Key, มี features ครบถ้วนที่สุด
Leaflet (Default): Open Source, ใช้ OpenStreetMap tiles, ไม่ต้องใช้ API Key
Marker Icons: ใช้ Lucide icons (Home/Briefcase) กับทุก vendors
Marker Colors: สีตามสถานะ (ปกติ = เขียว, ต้องซ่อม = เหลือง, รอจำหน่าย = แดง)
Required Packages: สำหรับ Leaflet ต้องติดตั้ง `leaflet` และ `@types/leaflet`

หมายเหตุ: การติดตั้ง Packages

สำหรับการใช้งาน Leaflet ต้องติดตั้ง packages ดังนี้:

bun add leaflet @types/leaflet