A lightweight, high-performance JavaScript implementation for an interactive map or canvas viewer. This project allows users to pan across large surfaces using mouse-drag interactions, powered by CSS transform for 60fps smoothness.
-
Smooth Navigation: Uses hardware-accelerated translate for fluid movement.
-
Intelligent Edge Detection: Built-in constraints prevent the map from being lost off-screen.
-
Elastic Margins: Configurable padding that allows users to peek slightly past the edges.
-
Dynamic Scaling: Automatically reads dimensions from CSS variables (--mapview-width/--mapview-height) for easy customization.