58aaeb7b16
After Near Me centers the map, there was no indicator of where the user
actually is. Add a Google-Maps-style location marker, brand-flavored:
- Circular badge using the SkateSpots logo (public/images/user-location.png)
with a red (#ff0040) ring, sitting at the user's exact coordinates.
- Pulsing translucent accuracy halo (ssPulse keyframes) so it reads as a
live "you are here" and doubles as subtle motion.
- Rendered above all other markers (zIndexOffset), with a "You are here"
popup. Created/moved/removed reactively from a new `userLocation` prop.
Wired MapPage's userLocation state through to SpotMap (lat/lon → lat/lng).
Marker image path uses import.meta.env.BASE_URL so it resolves on both
web ('/') and the Capacitor APK ('./').
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
|
||
|---|---|---|
| .. | ||
| generate-icons.html | ||
| icon-1024.png | ||
| icon-maskable-1024.png | ||
| icon.svg | ||
| logo-banner.png | ||
| logo-icon.png | ||
| logo-sticker.png | ||
| logo.png | ||
| sasquatch-guide.webp | ||
| screenshot-desktop.svg | ||
| screenshot-mobile.svg | ||
| snt4ever-logo.png | ||
| sticker-design.png | ||
| user-location.png | ||
