Voorbeeld van het gebruik van de BRT Achtergrondkaart in Leaflet in combinatie met Shiny

100%

Voorbeeld van het gebruik van de BRT Achtergrondkaart in Leaflet in combinatie met Shiny

✓ Published0🌍 Public

Last edited Sep 26, 2018

Created on Sep 26, 2018

This example demonstrates how to combine the Dutch national map service BRT Achtergrondkaart with Leaflet within a Shiny application, offering four selectable background layers: standard, pastel, grey, and aerial photography. The code uses the `leaflet` package in R, with tile layers fetched from the PDOK geodata service via WMTS URLs. A single marker with a popup is placed at the Martinitoren landmark. The Shiny UI and server components define an interactive map where users can switch base layers through a layers control.

AI-generated description

Similar vizzes

Loading thumbnail…

Voorbeeld 1

This example shows interactive maps of the Netherlands, centered on Groningen, with a marker and popup identifying the Martinitoren. It demonstrates three versions of Leaflet-based mapping: the first displays a standard tile layer; the second adds a layer control to switch between five Dutch base maps (standaard, grijs, pastel, water, luchtfoto); the third uses a custom projected coordinate system (EPSG:28992) via Proj4Leaflet to load an OpenTopo background tile layer. The code uses Leaflet’s tile layer, marker, popup, and control layers, with tile sources from PDOK and OpenTopo.

FFrieseWoudloper

78% match

Loading thumbnail…

Arrondissementsgebieden

This example visualizes Dutch judicial districts as interactive map shapes, highlighting each region on hover. It shows administrative boundaries sourced from a national geodata WFS service, with tooltips displaying district names. The code uses D3 v4’s `d3.geoPath` and `d3.geoMercator` projection, alongside Turf.js to rewind GeoJSON polygons for correct rendering. SVG paths change fill color on mouseover, while a custom HTML tooltip follows the cursor, all within an animated, zoomable viewport.

FFrieseWoudloper

65% match

Loading thumbnail…

arrondissementen zonder turf

This example shows a choropleth-style map of Dutch police districts (arrondissementen) from 2019, highlighting each region on hover with an orange fill and a text tooltip that reveals the district’s name. The visualization relies on the D3 v4 library, using `d3.geoMercator` for projection and `d3.geoPath` to render the GeoJSON features fetched from the Dutch national georegister WFS service. The tooltip appears near the cursor via D3’s event handling, while the SVG paths are drawn with a light gray fill and white strokes, with hover interactions triggering the color change and tooltip display.

FFrieseWoudloper

64% match

Loading thumbnail…

Bestanden voor blog post over Power BI, Leaflet en R

This visualization combines a map of earthquake data with a line chart of annual seismic activity. Using R, the gist by FrieseWoudloper plots earthquake locations in the Netherlands on a Leaflet map, with points colored and sized by magnitude. A separate panel displays yearly earthquake counts. The visualization integrates R with Power BI, and the map layer is built with Leaflet, allowing interactive exploration of the data points with tooltips showing location, date, magnitude, and depth.

FFrieseWoudloper

63% match

Loading thumbnail…

Gist 88815dae2f6167aea4e388194e61857a

This example shows a choropleth-style map of Dutch police districts, with hover interactions that reveal the district name in a tooltip. The visualization loads geographic boundary data from a national geo-service via WFS, processes it with Turf.js to rewind polygon coordinates, and renders it as SVG paths using D3’s geoMercator projection and geoPath. Hovering a district turns it orange and displays a floating label, while mouseout fades the tooltip away. The code relies on D3 v3 for SVG manipulation and event handling, with Turf.js for geometry correction before projection.

FFrieseWoudloper

63% match

Loading thumbnail…

Leaflet - MapTiles

This example shows a full-screen interactive map that allows the viewer to switch between dozens of different tile layers, ranging from satellite imagery and street maps to terrain, watercolor, and dark matter styles. The code uses the Leaflet library to render the map and manage layer switching, while pulling tile URLs and attribution strings from the viz.js `viz.leaflet.tiles` API. It includes base layers from providers such as OpenStreetMap, Thunderforest, Stamen, Esri, and CartoDB, demonstrating how to assemble a multi-provider tile switcher in a single HTML page.

NNPashaP

63% match

Loading thumbnail…

ZONDER TURFFFFF

This example displays a static map of Dutch arrondissementsgebieden (judicial districts) for 2019, rendered as SVG paths using D3 v4. It shows the geographic boundaries of these administrative regions, projected with a Mercator projection and fitted to a 700×400 viewport. The code fetches GeoJSON data from a Dutch national geodata WFS service, then uses `d3.geoPath` and `d3.geoMercator` to draw the features. The visualization emphasizes the shape and relative location of the districts without interactive or animated elements.

FFrieseWoudloper

62% match

Loading thumbnail…

Zonder turf in d3v3

This example shows a choropleth-style map of Dutch arrondissements, with hover highlighting in orange and a tooltip. It uses D3 v3 with a Mercator projection and `d3.geo.path()` to render GeoJSON features as SVG paths. The map loads data from a public WFS service, styling regions with light gray fills and white strokes. The code explicitly sets the projection’s translate but leaves the scale at its default, so the map may appear cropped or misaligned. A CSS tooltip is defined but not implemented in the script.

FFrieseWoudloper

62% match