Kartgenerering med tilemill

Foredrag for BLUG 2012-02-23

Knut Arne Bjørndal og Vegard Engen

Hvorfor

• Google maps finnes–men?
• Kartet skal kanskje brukes i flere medier?
• MapQuest OSM tiles?
• Full kontroll over utseendet på kartet?

Webmaps 101

• Gamle vonde dager
• Slippy maps, openlayers, og nå et uttall lettvektskloner
• Tiles: /16/33738/18888.png

Datakilder

• OpenStreetMap
• SSB, bla.a. tettsteddata
• Corine Land Cover

Datakilder høydedata

• SRTM–Shuttle Radar Topology Mission
• ASTER–Advanced Spaceborn Thermal Emmision and Reflection Radiometer
• De gamle sovjetiske–viewfinderpanoramas.org
• Statens Kartverk og andre proprietære kilder

OpenStreetMap - hvordan hente?

• Planet Extracts - f.eks. fra geofabrik.de
• Laste ned via Xapi
• Laste ned i Josm og lagre.
• Andre OSM-baserte data, f.eks. Coastline og grenser.

TileMill

• Designstudio for kart med Mapnik og Carto
• Lagd så AJ Ashton effektivt kan lage pene kart
• ... men flott for oss andre også

Ísland

From Konstantin Käfer

Open Streets NYC

MapBox

TileMill: Enkelt eksempel

Hosting

• Hoste MBTiles selv
• Mapbox
• Hoste tiles selv
• Tileserver
• Se switch2osm.org for andre alternativer

OSM Bright

Rør inn en kveld eller to uten for mye estetisk sans involvert

@land:    lighten(#9fa4b5,25);
@water:   saturate(lighten(#5c6580,15),5);

@building: darken(@land,40);
@forest: #006520;
@cemetery: lighten(@forest,10);
@industrial: darken(@land,5);

@school: @building;
@sports: lighten(@park,10);

@motorway_line: lighten(#f2b700,25%);

@primary_line: darken(#f2b700,20%);
@primary_fill: lighten(#f2b700,20%);

@standard_line: #f2b700;
@standard_fill: lighten(@standard_line, 10%);
@standard_case: darken(@standard_line, 20%);

@pedestrian_fill: @standard_fill;
  
@rail_line: #cd0000;
	

... og

#amenities[osm_id=29924612] {
  point-file: url(./res/blug.png);
  point-allow-overlap: true;

  /* shift text down below the icon */
  text-dy: 25;

  text-name:'[name]';
  text-face-name:@sans;
  text-placement:point;
  text-fill:rgb(68,68,68);
  text-size:12;
  text-halo-fill:#fff;
  text-halo-radius:1;
  text-wrap-width: 75;
  text-allow-overlap: true;
}
	

Og vips: OSM Bright BLUG

High Road fra Stamen

GDAL: Geospacial data abstraction library

• Digitale høydemodeller kommer gjerne som geotiff
• GDAL er utmerket for å behandle disse
• Endre projeksjon m.m.
• Hillshading og Slopeshading.
• Høydekurver.
• Color-relief maps.

Eksempel: Turkart på Smøråsen

Prosessering av Aster med GDAL

Aster er geotiffs på 1 ganger 1 grad. Smøråsen er N60E005.

Prosessering av Aster med GDAL - forts

Prosessering av Aster med GDAL - filer fra eksempelet