Skip to main content

Map

An interactive map with multiple engines and tile styles. Tabs: Content, Styling, Animations, Advanced.

Map Engine

EngineNotes
OpenStreetMapFree, no API key
Google MapsRequires an API key

Map Style (OpenStreetMap)

Eight tile families — some need a free API key:

OpenStreetMap — Standard · CARTO (Light / Dark / Voyager) · OpenTopoMap — Terrain · CyclOSM — Cycling · Humanitarian (HOT) · Esri — World Imagery (Satellite) · Stadia / Stamen (API key) · Thunderforest (API key) · MapTiler (API key)

Sub-styles:

  • CARTO — Positron (Light), Dark Matter (Dark), Voyager
  • Stadia / Stamen — Alidade Smooth, Alidade Smooth Dark, Outdoors, Stamen Toner, Stamen Terrain, Stamen Watercolor
  • Thunderforest — OpenCycleMap, Transport, Landscape, Outdoors
  • MapTiler — Streets, Satellite, Outdoor / Topo

API-key fields appear for Stadia, Thunderforest, MapTiler and Google as needed.

Map Type (Google)

Roadmap, Terrain, Satellite, Hybrid.

Other

Population Method, Map Height, Disable zoom on scroll, Background Color, Margin & Padding.

:::note Screenshots — map styles Capture a few representative tile styles: map-osm-standard, map-carto-dark, map-esri-satellite, map-google-roadmap. :::

Screenshots

note

Drop screenshots into static/img/shortcodes/ and embed them here.