Custom Map Design with Mapbox Studio
Budget: $15 – $25 USD
1. Base Map Style
a. Create one custom background map style using Mapbox Studio
b. Minimal design (turn off unnecessary layers like POIs or transit)
c. Brand-aligned colors (if needed)
d. Export or deliver Style URL for reuse across all platforms
2. Custom Pin Icons
Design and implement 4 custom pin icons, each representing a track type (The graphics are created for these pin icons and will be provided)
a. Pump Track
b. BMX Track
c. Trails
d. State / Country
3. CSV Upload Integration
Allow map to load pins dynamically from a CSV file (hosted or embedded) or see the attribute to load the correct pin for the correct track type. We can create the CSV file and have sample loaded on mabbox currently
4. Responsive Map Setup
Ensure the map works and looks great on:
a.Mobile apps (iOS and Android via Mapbox SDK)
b. Responsive websites (via Mapbox GL JS)
5. Add Logo to Map
Position a static logo image (provided) at the bottom-right corner of the map
Should be responsive and not interfere with map controls
Visible across all platforms
Deliverables:
Realtime mapbox - login provided
Optional (Future Enhancements)
Toggle filters by track type
Clickable pins with basic info windows
Uploading CSV via form or CMS
a. Create one custom background map style using Mapbox Studio
b. Minimal design (turn off unnecessary layers like POIs or transit)
c. Brand-aligned colors (if needed)
d. Export or deliver Style URL for reuse across all platforms
2. Custom Pin Icons
Design and implement 4 custom pin icons, each representing a track type (The graphics are created for these pin icons and will be provided)
a. Pump Track
b. BMX Track
c. Trails
d. State / Country
3. CSV Upload Integration
Allow map to load pins dynamically from a CSV file (hosted or embedded) or see the attribute to load the correct pin for the correct track type. We can create the CSV file and have sample loaded on mabbox currently
4. Responsive Map Setup
Ensure the map works and looks great on:
a.Mobile apps (iOS and Android via Mapbox SDK)
b. Responsive websites (via Mapbox GL JS)
5. Add Logo to Map
Position a static logo image (provided) at the bottom-right corner of the map
Should be responsive and not interfere with map controls
Visible across all platforms
Deliverables:
Realtime mapbox - login provided
Optional (Future Enhancements)
Toggle filters by track type
Clickable pins with basic info windows
Uploading CSV via form or CMS