Mapbox Studio Sarah and Haley Custom tiles to
Mapbox Studio Sarah and Haley
Custom tiles to add to any Website ▪ With mapbox you can create a custom base map or use one already made. ▪ Set up more as an API than a map hosting service ▪ The base maps are fully customizable you can turn on and off layers, change coloring, change font, change lighting on the map ▪ All data to add must be in a CSV or geo. JSON file ▪ To finish the map you will need to do some coding
www. mapbox. com/help They have a great help section and tutorials but oddly you have to dig for it.
Loads of Documentation ▪ There are lots of great tutorials on adding data, manipulating data and saving styles. So much you can get a little lost. ▪ To create a map with data you have to save it as a tileset once you are done editing it to add it to a map. Reminder you can only use geo. JSON or CSV to up load data ▪ But mapbox has your back on this too they have a helpful list of sites that will convert other file formats into geo. JSON. togeojson, converting KML and GPX (XML formats). ▪ Ogr 2 ogr this one supports lots of ESRI file formats (haven’t tried it yet). ▪ fio-load from the Python package Fiona. ▪ geojson. io for creating, converting, and editing Geo. JSON
What can Mapbox do for you? ▪ Imagery ▪ Isoline ▪ Basemap styling ▪ Bivariate/ multivariate ▪ Tile rendering and creation ▪ Animation ▪ Vector overlays ▪ Choropleth ▪ Proportional symbol ▪ Time series ▪ Seems to do great with integration and fully supported for mobile applications
What Can’t it do ▪ Graphs and Charts- mapbox just does maps you can do a 3 D projection that is almost like a graph https: //www. mapbox. com/bites/00273/
What programming languages should you know? ▪ Mapbox can be used to create custom styles and display data, and this doesn’t require any coding knowledge. ▪ HOWEVER, if you want to make your map interactive, then knowing some Javascript is necessary.
Example: Interactive popup window (Javascript) More examples + sample code
Mapbox Mash-ups: ▪ It’s easy to use Mapbox for mash-up websites! ( I think) ▪ A map-box map can be shared with a URL ▪ Or, developed and placed into a website with a style URL and an API (access token). More development can be done using the Mapbox Javascript library called Mapbox GL JS.
Mapbox Map Example ▪ Lonely Planet travel guides https: //www. lonelyplanet. com/italy
Questions? ? ▪ We have lots!
- Slides: 12