Railway maps of world's famous cities.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
beijing.ai
beijing.svg
kansai.ai
kansai.svg
readme.md
tokyo_2030_ja.ai
tokyo_2030_ja.svg
tokyo_2030_ja.svgz
tokyo_en.ai
tokyo_en.svg
tokyo_ja.ai
tokyo_ja.svg
tokyo_ja.svgz

readme.md

What's this?

Railway maps of world's famous cities. Maps are created by Adobe illustrator, and are outputted as SVG.

Caution

Outlining character with white color is implemented by "paint-order" property, not the SVG itself. This is SVG 2 property, but it's implemented by Gecko and Webkit browser. So, you can do this like following code (CSS with PHP):

text{
  <?php
  $ua = $_SERVER["HTTP_USER_AGENT"];
  if (strpos($ua, "AppleWebKit") !== false || strpos($ua, "Gecko") !== false){
    echo 'paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linecap: round; stroke-linejoin: round;';
  } else{
    // Hack for other browser
    echo 'text-shadow: 0px 2px 0px white,0px 1px 0px white,1px 1px 0px white,1px 0px 0px white,2px 0px 0px white,1px -1px 0px white,1px -2px 0px white,0px -2px 0px white,-1px -2px 0px white,-2px -2px 0px white,-2px -1px 0px white,-2px 0px 0px white,-2px 1px 0px white,-1px 1px 0px white;';
  }
  ?>
}

g#lv2-big-junction text{
  stroke-width: 7px;
}

g#river text, 
text[fill="#FFFFFF"]{
  text-shadow: none;
  stroke: none;
}

License

CC0; Public domain. Means you can use the file of repository you want to!