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 the make up of a TopoJSON file:
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:
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.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
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 various ways to optimise an interactive choropleth map for fast delivery:
This map is created for a blog post on Webmapper.
Cheers,
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 |