{"id":134,"date":"2005-07-29T17:08:00","date_gmt":"2005-07-30T01:08:00","guid":{"rendered":"http:\/\/crazedmonkey.com\/blog\/uncategorised\/ttcgooglemap-for-all.html"},"modified":"2006-10-22T23:04:12","modified_gmt":"2006-10-23T03:04:12","slug":"ttcgooglemap-for-all","status":"publish","type":"post","link":"http:\/\/crazedmonkey.com\/blog\/programming\/ttcgooglemap-for-all.html","title":{"rendered":"TTC Google Maps for all!"},"content":{"rendered":"

I just spent a few minutes factoring out my TTC subway map<\/a> Javascript code so that it can be called to insert the TTC subway into any Google Map:<\/p>\n

<div id=\"map\">\n<script src=\"http:\/\/crazedmonkey.com\/ttcgooglemap\/ttcgooglemaps.js\" \ntype=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\n<!--\n    var map = new GMap( document.getElementById( \"map\" ) );\n    map.addControl( new GSmallMapControl() );\n    map.centerAndZoom( new GPoint( -79.386871, 43.660241 ), 4 );\n\n    \/\/ Add your own markers and polylines here.\n\n    drawTtcSubwayMap( map );\n-->\n<\/script>\n<\/code><\/pre>\n
There are two other additional functions, drawTtcSubwayMapColor()<\/code> and writeTtcSubwayStations()<\/code>, which can be used to specify the colors for the different subway lines and to display the colour-coded list in a div<\/code>, respectively. I might add more helper methods later if there is a demand for them.<\/p>\n
You can affect how the stations appear in the info pop-up by styling div<\/code> elements of the station<\/code> class.<\/p>\n
Originally I had thought to limit access to my Javascript file to those who asked permission to use it. Doing so would make me aware of how people were using the map. For now, people are free to link the Javascript in their pages. All I ask is that you leave a comment on my weblog with a link to your page, and include the following HTML somewhere near the map:<\/p>\n
<p>TTC station code and coordinates provided by \n<a href=\"http:\/\/crazedmonkey.com\/\">Ian Stevens<\/a> and his \n<a href=\"http:\/\/crazedmonkey.com\/ttcgooglemap\/\">TTC Subway Google Map<\/a>.<\/p>\n<\/code><\/pre>\n
Linking, not copying, the script has its advantages, namely that any changes or additions that I make will propagate to your map. There are also a few known bugs, all of which have to do with Internet Explorer, that I hope to address soon.<\/p>\n","protected":false},"excerpt":{"rendered":"
I just spent a few minutes factoring out my TTC subway map<\/a> Javascript code so that it can be called to insert the TTC subway into any Google Map:<\/p>\n
 <div id=”map”> <script src=”http:\/\/crazedmonkey.com\/ttcgooglemap\/ttcgooglemaps.js” type=”text\/javascript”><\/script> <script type=”text\/javascript”> <!– var map = new GMap( document.getElementById( “map” ) ); map.addControl( new … Read more<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[2,26,875],"tags":[],"_links":{"self":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts\/134"}],"collection":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":0,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"wp:attachment":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}