Technical Account Manager, Mapbox
Maps tell stories about a location – and static maps are the "stock photo" version of a map: a simple snapshot, complete with points and lines that direct the viewer to precise location knowledge.
How a map is distributed and consumed is as important as the cartography elements. A static map for print will need plenty of pixels for proper output. A static map for social media or messaging applications might look best as motionless, or the story could be enhanced with animation. The ultimate use case for a static map is to create an anchor to click through to your web or mobile map.
You’ll learn how to...
- Use Mapbox Studio to export high resolution images of custom map styles.
- Use the Mapbox Static Images API to create static map images from a URL.
- Use the Mapbox Static Tiles API to pull your Mapbox GL styled map into a print workflow using open source software for Geospatial such QGIS or GeoJSON.io
1. Image of a baseball field in Solano County, CA, produced using the Mapbox command line interface. The goal is to tell the story of a location through its metadata or physical dimensions:
2. Image of the Valley Fire in San Diego County, Sep 2020, created with Mapbox Styles + GeoJson.io for collaboration; text added in post processing. Stock MAKI icons, line fill and thickness done using Mapbox Simple Styling in GeoJSON.io (see it on Twitter):
3. sierraclubncg.org — Public education on the proposed Harvest Hills development near Escondido, CA. Map built for the Sierra Club, North County Group using the Mapbox Static Images API. Map was provided as a URL so that proper accounting could be done.
Static maps can be animated to give the proper affect – see The Valley Fire in San Diego County for an example of enabling "location enlightenment" to propagate widespread understanding of a piece of spatial information.
How to distribute a static map — visualizing the Harvest Hills Development in San Diego County:
- Get your attribution on to meet your obligations with Mapbox TOS: RobLabs.com/hh
Make a PDF of your Mapbox map (with attribution):
- Totally unrelated to static maps, an awesome tweet about Mapbox GL JS v2
- Rob's presentation
- Maki icon set (and editor)
- Our favorite maki issue ever
- geojson.io - an easy tool to create GeoJSON
- Mapbox CLI
- San Diego County Office of Emergency Services (OES) Map
- Stephen's sample static image for mobile/SMS delivery
- Code example: Improve perceived performance with a static map image