Making Thematic Map on the Internet using MapBox

Major Steps

display a map on a webpage
- host web map
- html structure
- mapbox token
- map object, zoom level, center, and projection (map for a global, reginal or local areas)
- example: A basic map
select a base map
- monochrome -- gray or dark background, good for most of the thematic maps
- street map
- satellite imagery
- terrain
- create your own
make thematic layers
- search (on primary search engines), collect (data API) or create (QGIS, geojson.io) geojson files
- convert the original data in WGS84 project (EPSG: 4326)
- load geojson as vector layers
  - native or non-native asynchronous data loading
  - examples: native async and non-native async
- load pre-cache tiles as raster layers
- visual strategies
  - choropleth
  - proportional symbols
    - example: proportional symbols
  - heatmap
    - example: Heatmap
  - marker map (circle/dot, default marker, custom marker)
  - dot density map
  - 3D extrusion map
    - 3d terrain
    - 3d building
- legend
  - create an info panel
  - For proportional symbol, or dot density maps: dot or circle
  - For choropleth or heat maps: rectangular patches
  - For other symbolized maps: marker
- other information - data source, title, author, date, etc.
create interactive elements
- click on an geographical feature
- and more