Skip to content

Instantly share code, notes, and snippets.

View mattijn's full-sized avatar

Mattijn van Hoek mattijn

View GitHub Profile
@mattijn
mattijn / README.md
Created November 16, 2016 13:46 — forked from TWIAV/README.md
PDOK TMS and WFS shown in Leaflet using proj4.js/proj4leaflet.js

A web application based on Leaflet showing Dutch public data from PDOK.

  • TMS Backgound map: BRT achtergrondkaart
  • TMS Aerial photo - please note this aerial photo can be used for non-commercial uses only (CC-BY-NC)
  • WFS National Parks

This example relies heavily on a gist published by Edward Mac Gillavry (Webmapper): Leaflet.js showing TMS in RD and WFS in WGS-84 - gist and block.

This example has been extended a little bit with a layer control and tooltips showing attribute information on the WFS layer.

{
"schema": {
"language": "vega",
"version": "3.0"
},
"width": 500,
"height": 300,
"padding": 5,
"signals": [
{ "name": "company", "value": "GOOG",
{
"schema": {
"language": "vega",
"version": "3.0"
},
"width": 500,
"height": 300,
"padding": {
"top": 0,
"left": 0,
{
"schema": {
"language": "vega",
"version": "3.0"
},
"width": 500,
"height": 300,
"padding": {
"top": 0,
"left": 0,
{
"$schema": "http://vega.github.io/schema/vega/v3.0.json",
"autosize": "pad",
"padding": 5,
"signals": [
{
"name": "width",
"update": "data('layout')[0].width"
},
{
{
"$schema": "https://vega.github.io/schema/vega/v3.0.json",
"width": 400,
"height": 200,
"padding": 5,
"data": [
{
"name": "table",
"values": [
{
{
"$schema": "https://vega.github.io/schema/vega/v3.0.json",
"width": 500,
"height": 600,
"autosize": "none",
"signals": [
{
"name": "translate0",
"update": "width / 2"
},
This file has been truncated, but you can view the full file.
{
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"data": {
"values": [
{
"locationId": "bv.1.7.1.1",
"value": null,
"date": "2017-05-04 23:00:00",
"moduleId": "pr.Reizen.vdLee.baggeracties",
"parameterId": "k.m3.gebaggerd.vdlee (m3)",
This file has been truncated, but you can view the full file.
{
"$schema": "http://vega.github.io/schema/vega/v3.0.json",
"autosize": "pad",
"padding": 5,
"data": [
{
"name": "source_0",
"values": [
{
"locationId": "bv.1.7.1.1",
[{"locationId": "bv.1.7.2.1.1", "parameterId": "k.m3.gebaggerd.vdlee (m3)", "flag": 8.0, "date": "2016-07-31T23:00:00.000Z", "moduleId": "pr.Reizen.vdLee.baggeracties", "stationName": "Slenk", "value": -999.0}, {"locationId": "bv.1.7.2.1.1", "parameterId": "k.m3.gebaggerd.vdlee (m3)", "flag": 8.0, "date": "2016-08-01T23:00:00.000Z", "moduleId": "pr.Reizen.vdLee.baggeracties", "stationName": "Slenk", "value": -999.0}, {"locationId": "bv.1.7.2.1.1", "parameterId": "k.m3.gebaggerd.vdlee (m3)", "flag": 8.0, "date": "2016-08-02T23:00:00.000Z", "moduleId": "pr.Reizen.vdLee.baggeracties", "stationName": "Slenk", "value": -999.0}, {"locationId": "bv.1.7.2.1.1", "parameterId": "k.m3.gebaggerd.vdlee (m3)", "flag": 8.0, "date": "2016-08-03T23:00:00.000Z", "moduleId": "pr.Reizen.vdLee.baggeracties", "stationName": "Slenk", "value": -999.0}, {"locationId": "bv.1.7.2.1.1", "parameterId": "k.m3.gebaggerd.vdlee (m3)", "flag": 8.0, "date": "2016-08-04T23:00:00.000Z", "moduleId": "pr.Reizen.vdLee.baggeracties", "stationName":