canvas-website/backlog/tasks/task-028 - OSM-Canvas-Integ...

40 lines
1.4 KiB
Markdown

---
id: task-028
title: OSM Canvas Integration Foundation
status: To Do
assignee: []
created_date: '2025-12-04 21:12'
labels:
- feature
- mapping
- foundation
dependencies: []
priority: high
---
## Description
<!-- SECTION:DESCRIPTION:BEGIN -->
Implement the foundational layer for rendering OpenStreetMap data on the tldraw canvas. This includes coordinate transformation (geographic ↔ canvas), tile rendering as canvas background, and basic interaction patterns.
Core components:
- Geographic coordinate system (lat/lng to canvas x/y transforms)
- OSM tile layer rendering (raster tiles as background)
- Zoom level handling that respects geographic scale
- Pan/zoom gestures that work with map context
- Basic marker/shape placement with geographic coordinates
- Vector tile support for interactive OSM elements
This is the foundation that task-024 (Route Planning) and other spatial features build upon.
<!-- SECTION:DESCRIPTION:END -->
## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 OSM raster tiles render as canvas background layer
- [ ] #2 Coordinate transformation functions (geo ↔ canvas) working accurately
- [ ] #3 Zoom levels map to appropriate tile zoom levels
- [ ] #4 Pan/zoom gestures work smoothly with tile loading
- [ ] #5 Shapes can be placed with lat/lng coordinates
- [ ] #6 Basic MapLibre GL or Leaflet integration pattern established
<!-- AC:END -->