The simplest Leaflet + d3.js map code that I've been able to come with.
This is Cadiz, my hometown. This is a block map obtained from shapefiles downloaded from Cartociudad data catalog.
Some instructions at D3 + Leaflet, and another good example at Map using leaflet.js and d3,js overlaid.
Makefile is provided for data generation.
| all: cadiz.json | |
| cadiz.json: ca_manzanas.json | |
| topojson \ | |
| -o cadiz.json \ | |
| --id-property ID_MANZ \ | |
| --properties muni=INE_MUN \ | |
| -- \ | |
| ca_manzanas.json | |
| ca_manzanas.json: CARTOCIUDAD_CALLEJERO_CADIZ/MANZANA.shp | |
| ogr2ogr \ | |
| -f GeoJSON \ | |
| ca_manzanas.json \ | |
| -where "INE_MUN IN ('11012', '11028', '11031')" \ | |
| CARTOCIUDAD_CALLEJERO_CADIZ/MANZANA.shp | |
| CARTOCIUDAD_CALLEJERO_CADIZ.zip: | |
| wget http://ftpcdd.cnig.es/PUBLICACION_CARTOCIUDAD/CARTOCIUDAD_CALLEJERO_CADIZ.zip | |
| CARTOCIUDAD_CALLEJERO_CADIZ/MANZANA.shp: CARTOCIUDAD_CALLEJERO_CADIZ.zip | |
| unzip -n CARTOCIUDAD_CALLEJERO_CADIZ.zip | |
| clean: | |
| rm -rf cadiz.json ca_manzanas.json | |
| distclean: clean | |
| rm -rf CARTOCIUDAD_CALLEJERO_CADIZ* | |
(Sorry about that, but we can’t show files that are this big right now.)
