• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
peterqliu

peterqliu

untitled-8445

Public
Like
untitled-8445
Home
Code
4
backend
1
frontend
1
README.md
main.ts
Branches
1
Pull requests
Remixes
1
History
Environment variables
1
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.
Sign up now
Code
/
README.md
Code
/
README.md
Search
…
README.md

Mapbox GL Geocoder App

A minimal HTTP app featuring a full-screen Mapbox GL map with geocoder functionality.

Features

  • πŸ—ΊοΈ 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

Setup

  1. Get a free Mapbox access token from mapbox.com
  2. Add it as an environment variable: MAPBOX_ACCESS_TOKEN
  3. The app will automatically use the token when available

Project Structure

β”œβ”€β”€ backend/
β”‚   └── index.ts          # Hono HTTP server
β”œβ”€β”€ frontend/
β”‚   └── index.html        # Full-screen map interface
└── README.md

Usage

  • 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

Technical Details

  • 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
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.