Skip to content
  1. Examples
  2. Geo Mode
  3. Deck
  4. gl WMS layer + train stations

Deck.gl WMS layer + train stations new ​

This example overlays an Ogma graph on top of a deck.gl renderer using the standalone Geo module (@linkurious/ogma/geo). It renders an OpenStreetMap WMS tile service with deck.gl's Deck and experimental _WMSLayer, controlled by pan and zoom. You create and own the Deck instance, then bind Ogma to it with new Geo(ogma, createDeckAdapter(deck)): the module projects the nodes (from their latitude / longitude data) and keeps Ogma's camera in sync with deck's view state by wrapping its onViewStateChange internally — no manual projection or camera math required. Clicking the map issues a WMS GetFeatureInfo request and shows the returned feature information in a floating panel.

A select in the top-right corner switches the deck.gl aggregation layer drawn on top of the base map. Both the HeatmapLayer and the ContourLayer are fed with data derived from the graph itself — one weighted point per train station — so they show the density of stations across France.