BT Locations Map

เจ้าของผลงานเล่าไว้แบบนี้

https://valrinx.github.io/bt-locations # BT Locations Map แผนที่แสดงจุด BT Locations แบบ interactive ใช้ Leaflet.js + MarkerCluster 🌐 **Live site:** [https://valrinx.github.io/bt-locations](https://valrinx.github.io/bt-locations) --- ## โครงสร้างไฟล์ | ไฟล์ | คำอธิบาย | | --- | --- | | `all_locations.json` | ข้อมูลหมุดทั้งหมด (source of truth) | | `build_html.py` | สร้าง `docs/index.html` + `docs/locations.js` จาก JSON | | `merge_sheet.py` | รวมข้อมูลจาก Google Sheet CSV เข้า JSON | | `import_takeout.py` | Import GeoJSON จาก Google Takeout | | `auto_city.py` | Auto-detect city จาก GPS (reverse geocoding Nominatim) | | `validate_data.py` | ตรวจจุดซ้ำ (< 50m) และจุดผิดปกติ (lat/lng=0, นอกไทย, ไม่มีชื่อ) | | `.github/workflows/build.yml` | GitHub Actions auto build + deploy | | `docs/index.html` | หน้าเว็บ — HTML markup + CSS only | | `docs/app.js` | JavaScript logic ทั้งหมด (~1700 บรรทัด) | | `docs/locations.js` | ข้อมูลหมุดแยกไฟล์ (generated จาก build) | | `docs/all_locations.json` | สำเนา JSON สำหรับ GitHub Pages | | `topup_locations.csv` | ข้อมูล Topup Locations (CSV) | | `topup-map-site/` | Topup Locations Map site สำหรับ deploy | --- ## ฟีเจอร์ปัจจุบัน ### 🗺️ แผนที่ + Markers - แสดงหมุดบนแผนที่พร้อม MarkerCluster + แยกสีตาม list (CircleMarker + color palette) - Heatmap mode แสดงความหนาแน่นของจุด (leaflet.heat) - Route planning — Nearest-neighbor TSP + polyline + numbered stops - วัดระยะทางระหว่าง 2 จุด (haversine) - 4 map tiles: Street / Satellite / Terrain / Dark - Zoom to filtered อัตโนมัติเมื่อเลือ

โดย valrinx · ดูโพสต์ต้นทาง