Webmapper webmappergists

This example shows various ways to optimise an interactive choropleth map for fast delivery:

Create a custom OpenLayers build instead of using the default one
Use TopoJSON to encode the geometry
Reduce the number of decimals in geographic coordinates
Serve map tiles from multiple sub-domains

This map is created for a blog post on Webmapper.

Cheers,

This example shows the make up of a TopoJSON file:

Mesh: individual lines that combined make up a geographic area
Arcs: nodes where lines coincide

This map is created for a blog post on Webmapper.

Cheers,

Edward

This example shows how open data from various providers can be combined to create your own maps:

5PPC (postcode) areas derived from BAG
Children per 5PPC-area as of 1st Jan 2015 by CBS

Most of the code is based on the Interactive Choropleth Map tutorial for Leaflet.

This map has been created in reply to Thema: toepassing van postcodegrenzen.

This example shows how to use the popular Leaflet.js v.0.7.5 interactive mapping library with OGC-compliant geographic web service (in this case TMS) that comes in the Dutch reference system: Rijksdriehoekstelsel (RD), Amersfoort New (EPSG:28992) together with a WFS that returns GeoJSON in WGS-84.

Cheers,

Edward @emacgillavry

This example shows how to use the popular Leaflet.js v.0.7.5 interactive mapping library with OGC-compliant geographic web services (in this case TMS and single-tile WMS) that both come in the Dutch reference system: Rijksdriehoekstelsel (RD), Amersfoort New (EPSG:28992) together with a WFS that returns GeoJSON in WGS-84. Leaflet natively supports tiled WMS. Using the PTV plugin for Leaflet, we can now include single-tile WMS services too!

Cheers,

Edward @emacgillavry

This example shows how to use the popular Leaflet.js v.1.0.0 beta 2 interactive mapping library with OGC-compliant geographic web service (in this case TMS) that comes in the Dutch reference system: Rijksdriehoekstelsel (RD), Amersfoort New (EPSG:28992) together with a WFS that returns GeoJSON in WGS-84.

Cheers,

Edward @emacgillavry

	var BldgJSON = {
	"type": "FeatureCollection",
	"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
	"features": [
	{ "type": "Feature", "properties": { "building_type": "overig", "height": 9 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 5.823759, 50.865621 ], [ 5.823827, 50.86573 ], [ 5.823919, 50.865707 ], [ 5.823851, 50.865598 ], [ 5.823759, 50.865621 ] ] ], [ [ [ 5.823827, 50.86573 ], [ 5.823759, 50.865621 ], [ 5.823759, 50.865621 ], [ 5.823827, 50.86573 ], [ 5.823827, 50.86573 ] ] ], [ [ [ 5.823919, 50.865707 ], [ 5.823827, 50.86573 ], [ 5.823827, 50.86573 ], [ 5.823919, 50.865707 ], [ 5.823919, 50.865707 ] ] ], [ [ [ 5.823851, 50.865598 ], [ 5.823919, 50.865707 ], [ 5.823919, 50.865707 ], [ 5.823851, 50.865598 ], [ 5.823851, 50.865598 ] ] ], [ [ [ 5.823759, 50.865621 ], [ 5.823851, 50.865598 ], [ 5.823851, 50.865598 ], [ 5.823759, 50.865621 ], [ 5.823759, 50.865621 ] ] ], [ [ [ 5.823759, 50.865621 ], [ 5.823827, 50.86573 ], [ 5.823919, 50.865707 ], [ 5.823