A Subway System in Your Pocket

If you’re an iPhone owner and you live in New York City, you want to be able to carry around the official Metropolitan Transit Authority subway map on your iPhone. There are a few options for this, including using a tool like FileMarker which locally saves a PDF copy of the map to be accessed through Safari. It’s a clever approach, but it seems too tricky for me.

Instead, I prefer using Photo Albums in my iPhone to view cropped versions of the subway map, a simple but effective technique I first saw demonstrated by Mike Essl, and which doubtless many others have also used.

Thumbnail Navigation

NYC Subway Map on iPhone

One thing I haven’t seen with these maps is taking advantage of the thumbnail view in Photo Albums so that, when seen altogether, the constituent ‘tiles’ are visually re-assembled. This makes the map much more navigable, because if you have a mental understanding of how the city’s boroughs are laid out, you intuitively know which tile to jump to in order to find your stop.

When divided this way, it’s also possible to actually pan the map using the built-in forward and backward arrows, shifting from one tile to the next. Though you can’t move up and down, it’s nevertheless a surprisingly logical interaction model to move laterally, as it were, across the map, returning to the left side of the next row when you’ve reached the right edge of your current row.

All of which is to say that this is what I’ve done in creating my own subway maps for iPhone, and now I’m offering them here for download, free.

Overlaps Fill the Gaps

My map tiles also feature a significant amount of overlap, which makes panning much easier. There’s twenty pixels of duplicated map on the left and right of each tile, and seventy pixels on the top and bottom, so that it’s much easier to follow a subway line as it flows from tile to tile.

Right: A sampling of subway map tiles. Note the duplicated information at the edges. There are a total of sixteen tiles for the map — four across and four down — plus one for the legend.
Map Tiles

In short, they’re the most awesome low-tech New York City subway maps for your iPhone that you can find anywhere. I’d venture to say they’re perfect… except for the fact that the standard subway map offered for download by the MTA — available as a PDF — is impossibly intricate. At iPhone size, it’s actually more difficult to read than I’d like.

What I’d like to do is to offer a version of this map, which is displayed online over at MTA.info as a GIF graphic, but not as a PDF. It’s much simpler than the fully-detailed version, and would read beautifully on the iPhone’s screen. In fact, I found a version of the map as a PDF and created tiled JPEG files for testing on my iPhone; it worked perfectly, except for the fact that the PDF that I found — the only one I was able to locate — is five years out of date. Many of the subway lines and stops have changed in small but significant ways, so I’m loathe to distribute it for fear of confusing some users. (If anyone can get their hands on a more recent version of this map — the GIF on the MTA site isn’t big enough to use, unfortunately — I will happily create a new version for distribution.)

Anyway, if you really want it, it’s available for download too. Just don’t say I didn’t warn you.

Instructions for Mac Users

Installation is easy. Just download the ZIP file, decompress it and import the contents into iPhoto. The tiles should automatically import in the proper order, starting with the top left tile, down to the bottom right tile (plus one more for the map key) . To be sure they have, resize your iPhoto thumbnails so you can see only four across at a time; together, they should look more or less like New York City. Create a new album called something like “Subway,” drag the newly imported images into it, and set your iPhone to sync with that album via iTunes. Then buy yourself a MetroCard and take the subway.

Instructions for Windows Users

I think you have to do something with the DOS command line and edit your autoexec.bat file or something.

+
  1. The subway map is copyright MTA. I’ve heard of them sending C&D letters to people offering services like this one before. I would be careful here. You too may receive a C&D.

  2. Samuel: Yes, sorry, this map is not nearly as legible as I’d like it to be. As I said, there’s a simplified version available too, which is much, much more legible — but it’s five years out of date.

    The problem with a higher resolution version is that you lose the ability to visually understand the map in thumbnail mode. For this approach, anyhow, I was constrained to the 4-across dimension of 1280 pixels.

  3. Simple, practical solution. Very nice. Although this map is free to distribute it’s too ugly for your fancy iPhone. I’ve always liked this one however I’m not from NY, and therefore would not know how accurate it is.

  4. bummer! a couple of years ago i downloaded a ipod subway map online (for both NYC and tokyo) and now it looks like the domain is gone. the map was really good and i used it all the time. looks like the people who had it up got a C&D letter.

  5. While using this map today I really wished Apple would release a dual-axis (up/down in addition to current left/right) way of moving through screen spaces…would work brilliantly with this tiling paradigm.

  6. Great job Khoi! I experimented with using photos to have a copy of the map but found the iphone’s compression too high.

    I ended up making a simple gif optimized image and hosting it: http://www.gregtakayama.com/iphone

    It would be great to have a virtual server running so that you can browse offline content in the richness of safari (as opposed to photos).

  7. Khoi,

    This doesn’t work as well if you use Aperture to sync photos to your iPhone. Aperture generates its own JPG previews and these are sent to the iPhone… in the case of your JPGs, Aperture is re-compressing them and they look pretty terrible on the iPhone’s display.

  8. This is awesome… I don’t have an iPhone, but ordered the new iPod Touch. I’m sure it’ll work, but will try it once I get it.

    I go to Toronto a lot… Any one have the subway maps for Toronto?

    Thanks…

  9. This is a great map. I sort of did my own version -just with the sections I needed-
    I went to the PDF version of the map online and zoom in to different sections (just like you did) and the use the “print screen” option to copy to the clipboard and then I pasted them individually to MS photo editor and saved as a JEPEG file.
    It works just fine.
    You may want to try that.

Thank you! Your remarks have been sent to Khoi.