untitled-8445
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
A minimal HTTP app featuring a full-screen Mapbox GL map with geocoder functionality.
- πΊοΈ Full-screen interactive map using Mapbox GL JS
- π Address search with geocoder that centers the map on results
- π Marker placement on searched locations
- π§ Navigation controls (zoom, rotate)
- π± Responsive design
- Get a free Mapbox access token from mapbox.com
- Add it as an environment variable:
MAPBOX_ACCESS_TOKEN
- The app will automatically use the token when available
βββ backend/
β βββ index.ts # Hono HTTP server
βββ frontend/
β βββ index.html # Full-screen map interface
βββ README.md
- Open the app in your browser
- Use the search box in the top-left to find any address or location
- The map will automatically center on the selected location with a marker
- Use the navigation controls in the top-right to zoom and navigate
- Backend: Hono framework serving static files and injecting environment variables
- Frontend: Mapbox GL JS v3.0.1 with Geocoder plugin v5.0.0
- Styling: Full-screen map with minimal UI overlay
- Geocoding: Powered by Mapbox's geocoding API