Vintage Maps: Unterschied zwischen den Versionen

Aus Geoinformation HSR
Wechseln zu: Navigation, Suche
K
Zeile 14: Zeile 14:
 
* Other showcases:
 
* Other showcases:
 
** http://kartograph.org/showcase/italia/
 
** http://kartograph.org/showcase/italia/
 +
 +
Making boundaries (like from buildings) to make a hand-made effect.
 +
**A ‘sketchy’ look to lines can be achieved by overlaying a number of line attachments with different smoothing values applied. By smoothing higher values, the lines are overlaid using the ‘multiply’ compositing operation. This make areas that overlap more appear darker.
 +
 +
  ::outline1, ::outline2, ::outline3, ::outline4 {
 +
    line-join: round;
 +
    line-color:#773d00;
 +
    line-smooth: 0.05;
 +
    line-width: 0.5;
 +
  }
 +
  ::outline1{ line-smooth: 0.04; }
 +
  ::outline2{ line-smooth: 0.06; }
 +
  ::outline3{ line-smooth: 0.08; }
 +
  ::outline4{ line-smooth: 0.10; }
  
 
Suitable fonts/typefaces:
 
Suitable fonts/typefaces:

Version vom 22. Mai 2014, 10:26 Uhr

This page tries to collect information about maps visualized in vintage style. This means, they look like an old sketchy map, a treasure map (de: Schatzkarte) or a pirate map (de: Piratenkarte), but with own or actual data.

Treasure/Pirate Maps:

TileMill Screenshot

Showcases and Tipps:

Making boundaries (like from buildings) to make a hand-made effect.

    • A ‘sketchy’ look to lines can be achieved by overlaying a number of line attachments with different smoothing values applied. By smoothing higher values, the lines are overlaid using the ‘multiply’ compositing operation. This make areas that overlap more appear darker.
 ::outline1, ::outline2, ::outline3, ::outline4 {
   line-join: round;
   line-color:#773d00;
   line-smooth: 0.05; 
   line-width: 0.5;
 }
 ::outline1{ line-smooth: 0.04; }
 ::outline2{ line-smooth: 0.06; }
 ::outline3{ line-smooth: 0.08; }
 ::outline4{ line-smooth: 0.10; }

Suitable fonts/typefaces:

See also: