directions-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (May as well use my real name.)
Line 10: Line 10:
* TantekÇelik
* TantekÇelik
* BretonSlivka
* BretonSlivka
* KevinMarks


== examples ==
== examples ==
Line 724: Line 725:
</table>
</table>
</pre>
</pre>
=== hand authored bike route ===
May at [http://www.tikirobot.net/wp/2006/06/04/tomales-bay-cheese-factory-loop/ TikiRobot!] has been marking up her cycling routes. She uses photographs of landmarks, a map image, and a textual description. There is no implied schema, but would be  a good candidate for adding address or geo info.


== related discussion ==
== related discussion ==


* [http://radar.oreilly.com/archives/2006/03/directions_microformat_leading.html Tim O'Reilly blog post: Directions Microformat -> Google for directions?]
* [http://radar.oreilly.com/archives/2006/03/directions_microformat_leading.html Tim O'Reilly blog post: Directions Microformat -> Google for directions?]

Revision as of 03:43, 14 June 2006

directions examples

Per the microformats process, the first thing to do in the investigation/creation of a new microformat is to research existing examples of directions published on the Web.

contributors

  • JustinLilly
  • TantekÇelik
  • BretonSlivka
  • KevinMarks

examples

Get examples from Google Maps, MSN Maps, Yahoo Maps, and note implicit schemas.


Google Maps

Start address:	50 California St
San Francisco, CA 94111
End address:	10 Market St
San Francisco, CA 94111
Distance:	0.2 mi (about 24 secs)
Reverse directions
 
1.	1.	Head east from California St - go 177 ft
2.	2.	Turn right at Drumm St - go 149 ft
3.	3.	Turn left at Market St - go 0.1 mi


====source==== (via firefox's dom inspector)

  <table class="summary">
<tbody>
<tr onclick="openInfoWindow('start')" class="milestone">
<td class="name link">
<a onclick="this.blur()" href="javascript:void(0)">
Start address 
</a>
: 
</td>
<td class="value" id="panel_start">
50 California St 
<br />
San Francisco, CA 94111 
<br />
</td>
</tr>
<tr onclick="openInfoWindow('end')" class="milestone">
<td class="name">
<a onclick="this.blur()" href="javascript:void(0)">
End address 
</a>
: 
</td>
<td class="value" id="panel_end">
10 Market St 
<br />
San Francisco, CA 94111 
<br />
</td>
</tr>
<tr>
<td class="name">
Distance: 
</td>
<td class="value">
0.2 mi (about 24 secs) 
</td>
</tr>
</tbody>
</table>
<div class="reverse">
<a onclick="return loadUrl(this.href)" href="/maps?f=d&hl=en&sll=37.79449,-122.395015&sspn=0.048969,0.081711&saddr=10+market+st,+san+francisco&daddr=50+california+st,+san+francisco">
Reverse directions 
</a>
</div>
<div class="printspacer noscreen">
  
</div>
<table class="steps">
<tbody>
<tr onclick="showPolylineBlowup('d', 0)">
<td class="num noprint">
<a href="javascript:void(0)">
1 
</a>
. 
</td>
<td class="num noscreen">
1. 
</td>
<td id="panel_0" class="desc">
Head 
<b>
east 
</b>
from 
<b>
California St 
</b>
- go  
<b>
177 ft 
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 2)">
<td class="num noprint">
<a href="javascript:void(0)">
2 
</a>
. 
</td>
<td class="num noscreen">
2. 
</td>
<td id="panel_2" class="desc">
Turn 
<b>
right 
</b>
at 
<b>
Drumm St 
</b>
- go  
<b>
149 ft 
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 4)">
<td class="num noprint">
<a href="javascript:void(0)">
3 
</a>
. 
</td>
<td class="num noscreen">
3. 
</td>
<td id="panel_4" class="desc">
Turn 
<b>
left 
</b>
at 
<b>
Market St 
</b>
- go  
<b>
0.1 mi 
</b>
</td>
</tr>
</tbody>
</table>




MSN maps

Start: 	1600 Pennsylvania Ave NW, Washington, DC 20006
End: 	15th St NW & Constitution Ave NW, Washington, DC 20004
Total Distance: 0.6 Miles
Estimated Total Time: 4 minutes
Directions	Miles	 
Start: Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East)	< 0.1
1: Turn RIGHT (South) onto E Executive Ave NW	0.2
2: Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW	0.4
	 
 Map Image
End: Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004


Source

<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableStartText">
Start: 
</span>
Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East) 
</td>
<td class="RTText" align="Right" width="40">
< 0.1 
</td>
</tr>
<tr>
<td class="RTText">
<b>
1: 
</b>
Turn RIGHT (South) onto E Executive Ave NW 
</td>
<td class="RTText" align="Right" width="40">
0.2 
</td>
</tr>
<tr>
<td class="RTText">
<b>
2: 
</b>
Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW 
</td>
<td class="RTText" align="Right" width="40">
0.4 
</td>
</tr>
</table>
</td>
<td class="RTRow" align="Right" valign="Top" height="10">
  
</td>
</tr>
<tr>
<td class="RTRow">
 
<img style="border-color:#C7BCA2;" alt="Map Image" src="/I/spacer.gif" width="0" height="0" border="0" name="MapImg1">
</td>
</tr>
<tr>
<td class="RTRowDark" valign="Top" colspan="2" rowspan="2">
<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableEndText">
End: 
</span>
Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004 
</td>
<td class="RTText" width="40">
  
</td>
</tr>
</table>

Yahoo Maps

Starting from: A 50 California St, San Francisco, CA, 94111-4624 Save Address
Arriving At:   B 10 Market St, San Francisco, CA, 94111-4801 Save Address
Distance: 0.2 miles Approximate time: 1 min      Get Reverse Directions

Map Image

Directions      Show turn by turn maps
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go < 0.1 mi
2. Turn R on DRUMM ST - go < 0.1 mi
3. Turn L on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the L

Source

<table border=0 cellspacing=0 cellpadding=2 id="ymaprt">
<tr>
<th align=right valign=top width="1%" nowrap class="ymaprtpts"><small><b>Starting from:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_a.gif" height=16 width=16 alt="1 "> 50 California St, San Francisco, CA 94111-4624 
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_from;_ylt=AoqfcLOH0rfreiqhx67WzrQa3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=50 California St&.zip=San Francisco, CA 94111-4624&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>
<tr>
<th align=right valign=top class="ymaprtpts"><small><b>Arriving at:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_b.gif" height=16 width=16 alt="2 "> 10 Market St, San Francisco, CA 94111-4801 
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_to;_ylt=AiWgw9KytDi4XuzF4YWGFz0a3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=10 Market St&.zip=San Francisco, CA 94111-4801&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>

<tr>
<th align=right class="ymaprtpts"><small><b>Distance:</b></small></th>
<td width="1%" nowrap>0.2 miles</td>
<th align=right width="1%" nowrap class="ymaprtpts"><small><b>Approximate Travel Time:</b></small></th>
<td>
    1	min
        </td>
<td align=right valign=bottom width="1%" nowrap>
<a href="http://us.rd.yahoo.com/maps/ddresult/reverseDD;_ylt=ArvjuCZ_I5Gc4JyrHRFQIaEa3kcC/*-http://maps.yahoo.com/dd_result?ed=_YaYzuV.winqVL64AzOmYypNBUy1fFVhwugBQs_Pogbl1WImEFx_H1JxBITyDts-&name=&csz=San+Francisco%2C+CA+94111-4801&country=US&desc=&tname=&tcsz=San+Francisco%2C+CA+94111-4624&tcountry=US&tdesc=&ds=g&tbt=0&trf=0&textonly=0&oerr=&terr=">
<small class="ygver">Get Reverse Directions</small>
</a>
</td>		

</tr>
</table>

Links for sending the directions 
MAP IMAGE

<div id="ymapdir">

<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center><tr><th align=left><b class="ygver">Directions</b></th><th align=right><small><b>
<a href="http://us.rd.yahoo.com/maps/ddresult/tbt_on;_ylt=AtcdCayUHXlA8L0yvev28Jwa3kcC/*-http://maps.yahoo.com/dd_result?newaddr=50+California+St&taddr=10+Market+St&csz=San+Francisco%2C+CA+94111&country=us&tcsz=San+Francisco%2C+CA+94111&tcountry=us&tbt=1">Show Turn by Turn Maps</a></b></small></th></tr>
</table>
<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td>1.</td><td>Start at <b>50</b> <b>CALIFORNIA</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO</b>  - go <b>< 0.1</b> mi</td></tr><tr><td>2.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_r.gif" alt=Right align=absmiddle> on <b>DRUMM</b> <b>ST</b>  - go <b>< 0.1</b> mi</td></tr><tr><td>3.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> on <b>MARKET</b> <b>ST</b>  - go <b>0.1</b> mi</td></tr><tr><td>4.</td><td>Arrive at <b>10</b> <b>MARKET</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO,</b> on the <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> </td></tr></table>

</div>

Yahoo Maps (Beta)

V GET MAP AND DIRECTIONS        Clear

A 50 California St San Francisco, CA 94111  [x]
   [] Make this my default Yahoo! location
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go 0.0 mi
2. Turn Right on DRUMM ST - go 0.0 mi
3. Turn Left on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the Left

B 10 Market St San Francisco, CA 94111     [x]
C Address, City State        [x]

Distance 0.2 mi    Time: 1 mins (approx)
Reverse Directions | Roundtrip      GO

Source

Its all based on flash, and thus is not applicable.


MapQuest

50 California St
San Francisco, CA 94111-4624, US Revise | New Directions

10 Market St
San Francisco, CA 94111-4801, US Revise | New Directions
Total Est. Time:  1 minute
Total Est. Distance: 0.18 miles
1:	Start out going EAST on CALIFORNIA ST toward DRUMM ST.	<0.1 miles	Map
	2:	Turn RIGHT onto DRUMM ST.	<0.1 miles	Map
	3:	Turn SHARP LEFT onto MARKET ST.	0.1 miles	Map
	4:	End at 10 Market St
San Francisco, CA 94111-4801, US	Map

Note: mapquest adds icons indiciating parts of a journey such as "Start" "left turn" "right turn" "end"

Source

  <div id="dirsummary" class="clear">
     <div class="startend">
       <div class="content clear">
         <div id="mqaddress-start" class="addresssummary">
             <div class="clear">
               <img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17" alt="Start"/>
               <p><span><b>50 California St</b><br />San Francisco, CA 94111-4624, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&1sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
                </p>
             </div>
         </div>
         <div id="mqaddress-end" class="addresssummary end">
             <div class="clear">
               <img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17" alt="End"/>
               <p><span><b>10 Market St</b><br />San Francisco, CA 94111-4801, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&2sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
               </p>
             </div>
         </div>
       </div>
       <div class="timedist clear">
            <div class="time">
                <p><b>Total Est. Time:</b> <span> 1 minute</span></p>
            </div>
            <div class="dist">
                <p><b>Total Est. Distance:</b> <span>0.18 miles</span></p>
            </div>
       </div>
     </div>
<table border="0" cellpadding="0" cellspacing="0" id="maneuvers">

                    <thead class="bga">
                      <tr>
                        <th colspan=3><b>Maneuvers</b></th>
                        <th class="textr">Distance</th>
                        <th class="textc"> Maps  </th>
                      </tr>
                    </thead>
                    <tbody>

                        <tr >

              	          <td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17"/></td>

                          <td class="num">1:</td>
                          <td>Start out going EAST on CALIFORNIA ST toward DRUMM ST.</td>
                          <td class="nowrap"><0.1 miles</td>

                        <td class="textc"><a name=ManAnchor0 href="javascript:showManMap('0','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwly%24%2e90axhyz%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl4%24%2e90axhy1%3a%26%40%24%3a%26%40%24w9f2%3a%2aE%14QXO%2ax0z1xg%40%5fn10bwga%24%3a%26%40%24%3a%26%40z21%40%3aHO%1593bdWik1mf%3bNSC%12JDBJ%40ba0fbs%26%3d2l1a10h%402%3ag');">Map</a></td>
                      </tr>

                      <tr >
                        <td class="manmap" colspan=5 id="mmaprow0"><img id=mmIMG0 name=mmIMG0 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
                      </tr>

                        <tr  class="bgc">

              	          <td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_right" width="32" height="32"/></td>

                          <td class="num">2:</td>
                          <td>Turn RIGHT onto DRUMM ST.</td>
                          <td class="nowrap"><0.1 miles</td>

                        <td class="textc"><a name=ManAnchor1 href="javascript:showManMap('1','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3Byt2q%26FDT7w%7Clztwlw%24.90axhyb%3A%26%40%24%3A%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7Clztwly%24.90axhyb%3A%26%40%24%3A%26%40%240u0%24%3DTPWIK%2Cba0fbl%26%3D2l1a10l%40%24%3A%26%40%24%3A%26y7x%26%26FDEmvqjHqjwjg%7C%14D%13%13%17OHM%26atahaz%3A%29uallfzx%26%3Dr%3Au');">Map</a></td>
                      </tr>

                      <tr  class="bgc">
                        <td class="manmap" colspan=5 id="mmaprow1"><img id=mmIMG1 name=mmIMG1 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
                      </tr>

                        <tr >

              	          <td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_sharp_left " width="32" height="32"/></td>

                          <td class="num">3:</td>
                          <td>Turn SHARP LEFT onto MARKET ST.</td>
                          <td class="nowrap">0.1 miles</td>

                        <td class="textc"><a name=ManAnchor2 href="javascript:showManMap('2','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwlr%24%2e90axh4z%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
                      </tr>

                      <tr >
                        <td class="manmap" colspan=5 id="mmaprow2"><img id=mmIMG2 name=mmIMG2 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
                      </tr>

                      <tr  class="bgc">

              	        <td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17"/></td>

                        <td class="num">4:</td>
                        <td colspan="2">End at 
<b>10 Market St</b><br />San Francisco, CA 94111-4801, US

                        </td>

                        <td class="textc"><a name=ManAnchor3 href="javascript:showManMap('3','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwqw%24%2e90axhwy%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
                      </tr>
                      <tr  class="bgc">
                        <td class="manmap" colspan=5 id="mmaprow3"><img id=mmIMG3 name=mmIMG3 style={display:none} src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
                      </tr>

                      <tr >
                        <td colspan="5" class="totals"><b>Total Est. Time:</b>  1 minute     <b>Total Est. Distance:</b> 0.18 miles </td>
                      </tr>

                    </tbody>
                  </table>


Bus Trip Planners

Trip planners exhibit many similar characteristics to Directions services. Here are some examples.

transit.511.org

Trip Itinerary for Monday, leaving at 2:00pm.

Muni buses and F-line: Always ask for a transfer, even if you are not going to transfer to another line.

Depart: 	California St/park Presidio in San Francisco

Then: 	
Go to: 	S.W. Corner Of Geary Blvd & Park Presidio Blvd (Location map)

Board: 	SF Muni Bus #38l/Geary Ltd at 2:05 pm (next bus at 2:12 pm) (schedule detail)

Important! Important Announcements About This Route What is Important Announcement?

Fare: 	Pay $1.50

Get Off: 	Transbay Hump & La Playa St at 2:34 pm

Go to: 	10 Market St. in San Francisco (Location map)

Total Travel Time: 	40 min

Total Cash Fare: 	$1.50


source


<strong>Trip Itinerary for Monday, leaving at 2:00pm.</strong><br>

	<br>

	<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFE3FF">

		<tr valign="top">
		<td width="100%">
			<a href="http://www.sfmuni.com/pop" title="Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.">Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.</a>
		</td>
		</tr>

	</table>
	<br>
  
<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
  <tr valign="top">
    <th><font color="#006699">Depart:</font></th>
    <td width="100%">
    California St/park Presidio in San Francisco
    </td>

  </tr>
</table>

<br><table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
  <tr valign="top">
    <th><font color="#006699">Then:</font></th>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">
        <tr valign="top">
          <th>Go to:</th>

          <td>S.W. Corner Of Geary Blvd & Park Presidio Blvd (<a href="walkingmap.asp?al=California+St%2Fpark+Presidio+%28starting+location%29&ax=-15800&ay=-257&bl=Geary+Blvd+%26+Park+Presidio+Blvd&bx=-15799&by=-322" title="Location Map">Location map</a>)<br><br></td>
        </tr>

        <tr valign="top">
          <th>Board:</th>
          <td>
          <a href="/providers/providerinfo.asp?cid=SF" title="Provider Info">SF Muni</a> Bus #38l/Geary Ltd at 2:05 pm  (next bus at 2:12 pm)
          (<a href="scheddetail.asp?scln=Sf+Muni+Bus+%2338l%2FGeary+Ltd&scrn=38L&scal=Geary+Blvd+%26+Park+Presidio+Blvd&scac=SW&scax=%2D15799&scay=%2D322&scar=1268&scas=17&scat=845&scbl=Transbay+Hump+%26+La+Playa+St&scbx=%2D14801&scby=%2D163&scbr=1268&scbs=34&scdy=2&sctm=L&fs=CALIFORNIA+ST%2FPARK+PRESIDIO&fc=SAN+FRANCISCO&fz=&ts=10+Market+St%2E&tc=San+Francisco&tz=&prfa=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2CSAN+FRANCISCO%2C&prta=%2D14781%2C%2D92%2C10+Market+St%2E%2CSan+Francisco%2C&td=2&tm=L&t1=2:00PM&t2=2:00PM&am1=PM&op=F&of=R&ow=120&sn=&rs=_&fx=-15800&fy=-257&fxy=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2C+SAN+FRANCISCO&tx=-14781&ty=-92" title="Schedule Detail">schedule detail</a>)

          <br><br>

          <img src="/images/warning.gif" alt="Important!" width="16" height="15">
           <a href="/announcements/results.asp?rte=5616" title="Important Announcements About This Route">Important Announcements</a> About This Route
		   <a href="/utils/help.asp#annimpwhatis" title="What is Important Announcement?"><img src="/images/help.gif" alt="What is Important Announcement?" width="12" height="12" border="0"></a>
          <br><br>

          </td>
        </tr>
        <tr valign="top">
          <th>Fare:</th>

          <td>Pay $1.50<br><br></td>
        </tr>
        <tr valign="top">
          <th>Get Off:</th>
          <td>Transbay Hump & La Playa St at 2:34 pm</td>
        </tr>
      </table>


rtd-denver.com

From: W ALAMEDA AVE & S BROADWAY DENVER
To: E COLFAX AVE & PEARL ST DENVER
Arriving At: 500P
Best Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:49PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 5:00PM

Travel Time : 23 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 4:53PM

Travel Time : 21 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Pearl St, DENVER at 4:55PM

Travel Time : 23 minutes

The Trip Planner is to be used as a guide to help plan bus itineraries.
You should always check bus schedules to verify route pickup times
and drop off times as well as any detours.

source

<table align="center" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFF99" bordercolor="#000000">
	<tr>
		<td colspan="2" bgcolor="#313094">
			<b><font color="#ffffff" face="Arial, Helvetica, sans-serif">From: W ALAMEDA AVE & S BROADWAY DENVER</font></b>
			<br>
			<b><font color="#ffffff" face="Arial, Helvetica, sans-serif">To: E COLFAX AVE & PEARL ST DENVER</font></b>
			<br>
			<b><font color="#ffffff" face="Arial, Helvetica, sans-serif">Arriving At: 500P</font></b>
		</td>
	</tr>
	<br>
	<tr>
		<td align="center" height="19" bgcolor="#DDDDDD">
			<b>Best Itinerary</b>
		</td>
	</tr>
	<tr>
		<td>
			<font face="Arial, Helvetica, sans-serif"><b>Go to Bus Stop At:</b> S Lincoln St & Alameda Ave, DENVER
				<br>
				<b>Get On Bus:</b> #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Broadway, DENVER at 4:49PM
				<br>
				<br>
				<b>Go to Bus Stop At:</b> Colfax Ave & Broadway, DENVER
				<br>
				<b>Get On Bus:</b> #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Sherman St, DENVER at 5:00PM
				<br>
				<br>
				Travel Time : 23 minutes
				<br>
				<br>
			</font>
		</td>
	</tr>
	<tr>
		<td align="center" height="19" bgcolor="#DDDDDD">
			<b>Alternate Itinerary</b>
		</td>
	</tr>
	<tr>
		<td>
			<font face="Arial, Helvetica, sans-serif"><b>Go to Bus Stop At:</b> S Lincoln St & Alameda Ave, DENVER
				<br>
				<b>Get On Bus:</b> #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Broadway, DENVER at 4:44PM
				<br>
				<br>
				<b>Go to Bus Stop At:</b> Colfax Ave & Broadway, DENVER
				<br>
				<b>Get On Bus:</b> #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Sherman St, DENVER at 4:53PM
				<br>
				<br>
				Travel Time : 21 minutes
				<br>
				<br>
			</font>
		</td>
	</tr>
	<tr>
		<td align="center" height="19" bgcolor="#DDDDDD">
			<b>Alternate Itinerary</b>
		</td>
	</tr>
	<tr>
		<td>
			<font face="Arial, Helvetica, sans-serif"><b>Go to Bus Stop At:</b> S Lincoln St & Alameda Ave, DENVER
				<br>
				<b>Get On Bus:</b> #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Broadway, DENVER at 4:44PM
				<br>
				<br>
				<b>Go to Bus Stop At:</b> Colfax Ave & Broadway, DENVER
				<br>
				<b>Get On Bus:</b> #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
				<br>
				<b>Get Off the Bus At:</b> Colfax Ave & Pearl St, DENVER at 4:55PM
				<br>
				<br>
				Travel Time : 23 minutes
				<br>
				<br>
			</font>
		</td>
	</tr>
	<tr>
		<td bgcolor="#313094">
			<b><font color="#ffffff" face="Arial, Helvetica, sans-serif">The Trip Planner is to be used as a guide to help plan bus itineraries.
					<br>
					You should always check bus schedules to verify route pickup times
					<br>
					and drop off times as well as any detours.</font>
		</td>
	</tr>
</table>

hand authored bike route

May at TikiRobot! has been marking up her cycling routes. She uses photographs of landmarks, a map image, and a textual description. There is no implied schema, but would be a good candidate for adding address or geo info.

related discussion