agabra.github.io

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

This site is open source. Improve this page.