daily menu » rate the banner | guess the city | one on oneforums map | privacy policy | DMCA | news magazine | posting guidelines

Go Back   SkyscraperCity > Infrastructure and Mobility Forums > Subways and Urban Transport

Subways and Urban Transport Metros, subways, light rail, trams, buses and other local transport systems



Global Announcement

As a general reminder, please respect others and respect copyrights. Go here to familiarize yourself with our posting policy.


Reply

 
Thread Tools
Old June 23rd, 2015, 12:56 AM   #1621
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

Quote:
Originally Posted by sotonsi View Post
You forgot that the colour scheme for the background hides half the lines...

That is an awful map!
Indeed, the white rims of the lines also hurt my eyes due to high contrast of details on vibrant background (it would be less problematic on light/white background). This map showcases style (as well as laziness) over substance.
Sameboat no está en línea   Reply With Quote

Sponsored Links
Old June 23rd, 2015, 11:07 AM   #1622
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

I slap myself in the face for arguing Night Tube map should straighten all kinks. My version for Wikimedia doesn't, so to justify this I set 10% opacity of all irrelevant objects as background.


__________________
Wiki: Sum of All Human Silliness

Arnorian, DingeZ, Mojito, Zaz965 liked this post
Sameboat no está en línea   Reply With Quote
Old June 29th, 2015, 07:01 PM   #1623
urgel23
Registered User
 
Join Date: Aug 2004
Posts: 247
Likes (Received): 16



http://www.cityrailtransit.com/maps/rio_map.htm
__________________

Abbendymion, Zaz965 liked this post
urgel23 no está en línea   Reply With Quote
Old July 6th, 2015, 12:50 PM   #1624
urgel23
Registered User
 
Join Date: Aug 2004
Posts: 247
Likes (Received): 16


http://www.cityrailtransit.com/maps/beijing_map.htm
__________________

dimlys1994, Arnorian liked this post
urgel23 no está en línea   Reply With Quote
Old July 8th, 2015, 06:39 PM   #1625
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

Complete rework of someone's concentric ringy London Overground diagram. Making this map killed lot of my brain cells and gave me wrist pain because so many calculations of the path data of the kinks. I don't know how much easier this can be done in professional vector graphic editors like AI, but hand-coding this seemingly simple diagram was so tedious which I don't want to try again.

__________________
Wiki: Sum of All Human Silliness

Last edited by Sameboat; July 12th, 2015 at 04:25 AM.
Sameboat no está en línea   Reply With Quote
Old July 8th, 2015, 10:51 PM   #1626
naimabep
Registered User
 
Join Date: Mar 2014
Location: Manchester / Selangor
Posts: 233
Likes (Received): 123

Quote:
Originally Posted by Sameboat View Post
Complete rework of someone's concentric ringy London Overground diagram. Making this map killed lot of my brain cells and gave me wrist pain because so many calculations of the path data of the kinks. I don't know how much easier this can be done in professional vector graphic editors like AI, but hand-coding this seemingly simple diagram was so tedious which I don't want to try again unless get paid handsomely.

what program did you used to make the map? I normally use Inkscape because its free.
__________________

dimlys1994, ScuderiaVincero liked this post
naimabep no está en línea   Reply With Quote
Old July 9th, 2015, 01:47 AM   #1627
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

Quote:
Originally Posted by naimabep View Post
what program did you used to make the map? I normally use Inkscape because its free.
Notepad++
__________________
Wiki: Sum of All Human Silliness

:jax: liked this post
Sameboat no está en línea   Reply With Quote
Old July 9th, 2015, 10:07 AM   #1628
Brenda goats
Registered User
 
Brenda goats's Avatar
 
Join Date: Aug 2008
Posts: 447
Likes (Received): 152



The Walking tube map....

How long it takes to walk between stations on street level.
__________________
http://www.youtube.com/profile?user=NODDINGCAT
For your viewing pleasure. Lots of Trams, Metros, Trolley Buses and Trains on my channel....
Watch NODDING CAT CHANNEL now!

dimlys1994, mrsmartman liked this post
Brenda goats no está en línea   Reply With Quote
Old July 9th, 2015, 01:53 PM   #1629
Alargule
Res Uder et Siger
 
Alargule's Avatar
 
Join Date: Feb 2005
Posts: 8,210
Likes (Received): 2093

Mega big picture is too mega big.
Alargule no está en línea   Reply With Quote
Old July 11th, 2015, 01:28 PM   #1630
:jax:
Registered User
 
:jax:'s Avatar
 
Join Date: Sep 2007
Location: Södertälje
Posts: 1,303
Likes (Received): 540

Quote:
Originally Posted by Sameboat View Post
You are really handcoding. In my limited experience I have used Inkscape because it hasn't garbled the sourcecode (an absolute requirement), but I don't know if it still would be the case in a more complicated graph.

You might be interested in this thread: Presenting maps and geographical information — tips and best practices

Web pages has (in principle) a successful three-part model, HTML that defines structure/content, CSS that determines display, and JS that manages interaction. Again in principle SVG has the same model.

I would like to have defined a template for metro maps, using the same type of code elements (elements, attributes, class names, metadata...) to describe the same thing (stations, interchange stations, lines, states: under construction, planned, under maintenance...).

If the template is well defined, any metro map (and probably most metro-like maps, like train network and bus maps) could be drawn using the same template. The immediate benefit is that any interactivity or functionality code for this template would work not just on one map, but all.

It would also lead to, or at least allow, a certain consistency, though style and layout would still be in the hand of the map maker.
:jax: no está en línea   Reply With Quote
Old July 11th, 2015, 01:48 PM   #1631
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

Quote:
Originally Posted by :jax: View Post
You are really handcoding. In my limited experience I have used Inkscape because it hasn't garbled the sourcecode (an absolute requirement), but I don't know if it still would be the case in a more complicated graph.

You might be interested in this thread: Presenting maps and geographical information — tips and best practices

Web pages has (in principle) a successful three-part model, HTML that defines structure/content, CSS that determines display, and JS that manages interaction. Again in principle SVG has the same model.

I would like to have defined a template for metro maps, using the same type of code elements (elements, attributes, class names, metadata...) to describe the same thing (stations, interchange stations, lines, states: under construction, planned, under maintenance...).

If the template is well defined, any metro map (and probably most metro-like maps, like train network and bus maps) could be drawn using the same template. The immediate benefit is that any interactivity or functionality code for this template would work not just on one map, but all.

It would also lead to, or at least allow, a certain consistency, though style and layout would still be in the hand of the map maker.
I've already shared the template in my Wikimedia Commons user page. Now just the question of refining and spreading it.

Also I think any SVG map should not be only visually legible, but it should incorporate some interactivity to enhance its usability. If you open the source SVG (not the PNG preview generated by Wikimedia) in Firefox/Chrome/Safari, hovering or tapping the line will highlight it. In my complete TfL rail map the line will blink but the animation drains mobile battery quickly.

Sadly IE refuses to support it and Chrome is talking about deprecating this functionality.
__________________
Wiki: Sum of All Human Silliness

:jax: liked this post

Last edited by Sameboat; July 11th, 2015 at 01:57 PM.
Sameboat no está en línea   Reply With Quote
Old July 11th, 2015, 04:10 PM   #1632
:jax:
Registered User
 
:jax:'s Avatar
 
Join Date: Sep 2007
Location: Södertälje
Posts: 1,303
Likes (Received): 540

I should probably have done the same. Instead I put my ideas on a now-defunct blog platform, and have later moved it to another. Back in 2011 I cleaned up the then Wikipedia Beijing metro map, but didn't get hold of the maintainer.

The style sheet wasn't particularly brilliant, but is showed some ideas
Code:
:lang(en) {
          font-family: 'Verdana', sans-serif;
        }

	:lang(zh) {
	   font-family: 'SimHei', sans-serif;
        }
	
        g#Title :lang(en) {
          font-size: 27px;
	}
	
	 g#Title :lang(zh) {
          font-size: 42px;
	}

	.line-name {
	    font-family: 'Verdana-Bold', sans-serif;
	    font-size: 30px;
	}

        .line-name:lang(en) {
	    font-family: 'Verdana', sans-serif;
	    font-size: 21px;
        }
	
        .line-name:lang(zh) {
	    font-family: 'SimHei', sans-serif;
	    font-size: 24px;
        }

        .open-date:lang(en) {
           font-family: 'ArialMT';
	   font-size: 18px;
        }
        .open-date:lang(zh) {
	   font-size: 21px;
        }
	
        .station {
            fill: white;
	    stroke-width: 2px;
	    stroke: black;
        }

        .station-name:lang(en) {
	    font-size: 14px;
        }

        .station-name:lang(zh) {
           font-size: 18px;
        }

        .station-name:lang(en) {
           font-size: 14px;
        }

        .station-name:lang(zh) {
           font-size: 18px;
        }
	
	path, polyline, line {
	    stroke-width: 7px; stroke-dasharray: none; 
	}	
	
	.planned path, .planned polyline, .planned line {
	     stroke-width: 3px; stroke-dasharray: 24,6; 
	}
	.planned .station  {stroke: #666}
	.planned .station-name {fill: #666}
Basically I:
  • Removed redundant code, including most unused ids
  • Removed all hard-coded colour and style, replacing them with id and class (and lang)
  • Gave each metro line an id (either #line-N or pinyin-derived), with given colour
  • Gave future lines/stations a class (.planned) and style
  • Supported a bilingual legend, Chinese (zh) and English (en)
:jax: no está en línea   Reply With Quote
Old July 14th, 2015, 11:56 PM   #1633
SounderBruce
Transit Photographer
 
SounderBruce's Avatar
 
Join Date: May 2014
Location: Seattle
Posts: 2,244
Likes (Received): 3630

Seattle Subway, a non-profit transit advocacy group, occasionally makes its own maps showing its vision of what Seattle's light rail system should look like. Here's their newest map:



Dual-stroke lines (with a white separator down the middle) are already being built/planned by Sound Transit (the agency in charge of building the system) and the rest are just proposals for next year's ballot measure.
__________________
My Urban Showcase Thread - Seattle's skyscrapers, roads and transit

Maps of Seattle and the Puget Sound region

Twitter - Flickr - Wikipedia - Seattle Transit Blog - SkyriseCities

mrsmartman liked this post
SounderBruce no está en línea   Reply With Quote
Old July 15th, 2015, 10:14 AM   #1634
bloganista
Registered User
 
Join Date: Aug 2013
Posts: 1,335
Likes (Received): 484


Quite awful isn't it.
Why all the small kinks in the lines?
They're pointless.
__________________
...
bloganista no está en línea   Reply With Quote
Old July 15th, 2015, 11:00 AM   #1635
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144


I am more bothered by the counter-intuitive informational hierarchy: Hollow lines for existing/WIP railways but solid lines for suggestion. The usages should be swapped.
__________________
Wiki: Sum of All Human Silliness
Sameboat no está en línea   Reply With Quote
Old July 21st, 2015, 11:15 AM   #1636
dimlys1994
Moderator
 
dimlys1994's Avatar
 
Join Date: Dec 2010
Location: Dniepropetrovsk
Posts: 16,355
Likes (Received): 26177

Russian Yandex Metro app released new map - Istanbul transport map (metro, trams, Marmaray, BRT). Unfortunately, all explanations of service changes are in Turkish:
https://itunes.apple.com/ru/app/ande...392589075?mt=8


image by dimlys46, on Flickr
dimlys1994 no está en línea   Reply With Quote
Old July 22nd, 2015, 05:09 AM   #1637
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

Last update of my alternative TfL rail map provides a switch (at the upper left corner) to highlight all rail interchanges for all 6 major airports for London including the buses from Watford Junction for Heathrow and Luton. I tried my best to double check the info but there could be still bit of errors hopefully some kind soul can point them out for me.

This notation is hidden from the base map unless manually activated because those highlights are needlessly distracting for those who don't need the info about airport links.

This update also demonstrates how this map can be expanded for adding more info like accessibility or fare zones.

__________________
Wiki: Sum of All Human Silliness

Thorum liked this post

Last edited by Sameboat; July 22nd, 2015 at 05:18 AM.
Sameboat no está en línea   Reply With Quote
Old July 22nd, 2015, 10:54 AM   #1638
bloganista
Registered User
 
Join Date: Aug 2013
Posts: 1,335
Likes (Received): 484


Crossrail just looks like an add-on feature.
__________________
...
bloganista no está en línea   Reply With Quote
Old July 24th, 2015, 10:15 AM   #1639
ukraroad
Registered User
 
Join Date: Jul 2015
Posts: 482
Likes (Received): 104

In the Istambul map, M is an underground, T is a tram and F a funicular
ukraroad no está en línea   Reply With Quote
Old August 3rd, 2015, 07:05 PM   #1640
Sameboat
Map assistant
 
Sameboat's Avatar
 
Join Date: Jan 2013
Location: Hong Kong
Posts: 148
Likes (Received): 144

https://en.wikipedia.org/wiki/User:Sameboat/sandbox2

Not really any rail map but I made a petit Lua module to locate each RGB hex values on a linear color spectrum to check how evenly the livery colors of each system spread. Currently I have only completed Hong Kong, London, Moscow and Paris. You can edit my sandbox2 page to add more systems, or copy the markups to your own English Wikipedia user sandbox. (If you want to try it in other Wikimedia sister project, you need to copy my sandbox module and probably the Argument module as well to your home Wikimedia project.)

__________________
Wiki: Sum of All Human Silliness

Arnorian, nidave, :jax:, mrsmartman, Zaz965 liked this post
Sameboat no está en línea   Reply With Quote


Reply

Tags
metro, rail, transport

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Related topics on SkyscraperCity


All times are GMT +2. The time now is 12:40 AM.


Powered by vBulletin® Version 3.8.11 Beta 4
Copyright ©2000 - 2018, vBulletin Solutions Inc.
Feedback Buttons provided by Advanced Post Thanks / Like (Pro) - vBulletin Mods & Addons Copyright © 2018 DragonByte Technologies Ltd.

vBulletin Optimisation provided by vB Optimise (Pro) - vBulletin Mods & Addons Copyright © 2018 DragonByte Technologies Ltd.

SkyscraperCity ☆ In Urbanity We trust ☆ about us | privacy policy | DMCA policy

tech management by Sysprosium