Microformats Wiki - User contributions [en]

directions-examples

2006-06-18T19:32:38Z

AndyHume:

= 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.

__TOC__

== contributors ==

* JustinLilly
* TantekÇelik
* BretonSlivka
* KevinMarks
* AndyHume

== examples ==

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

===Google Maps===

<pre>
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
</pre>

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

<pre>
<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>

</pre>

===MSN maps===

<pre>
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
</pre>

====Source====

<pre>
<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>
</pre>

=== Yahoo Maps ===

<pre>
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
</pre>

==== Source ====

<pre>
<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>
</pre>

===Yahoo Maps (Beta)===

<pre>
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
</pre>

====Source====

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

===Multimap===

Multimap provides explicit start and finish times for the overall route, as well as individual timings for each step. There is also notification of specific toll roads or areas, such as the London congestion charge. [http://www.multimap.com/map/aproute.cgi?client=public&startx=531160&starty=181635&endx=531422&endy=181181&startrd=&starttown=&startpc=EC1N%202NS&startcountry=GB&endrd=Fleet%20Street&endtown=LONDON&endpc=EC4&endcountry=GB&rn=GB&qs=q&starttime=20:17&input_rt=aproute_pan&lang= Routing results page]

<pre>
Estimated duration:
0 hours, 1 minutes
Departure time:
20:17
Estimated arrival time:
20:18
Total distance:
0.6 miles (0.9 km)
Number of steps:
4

1 Depart on A40 High Holburn for 0.2 miles Map 0 miles (0 km) 20:17
2 At the roundabout, take the fifth exit onto A4 New Fetter Lane for 0.3 miles Map 0.2 miles (0.3 km) 20:17
3 Turn left onto Fleet Street for 0.1 miles Map 0.5 miles (0.8 km) 20:18
4 Arrive at your destination for 0 miles Map 0.6 miles (0.9 km) 20:18
</pre>

====Source====

<pre>
<dl>
<dt>Estimated duration:</dt>
<dd>0 hours, 1 minutes</dd>

<dt>Departure time:</dt>
<dd>20:17</dd>

<dt>Estimated arrival time:</dt>
<dd>20:18</dd>

<dt>Total distance:</dt>
<dd>
0.6 miles (0.9 km)
</dd>

<dt>Number of steps:</dt>
<dd>4</dd>
</dl>

<table>
<tr>
<th colspan="4">Instruction</th>
<th>Distance so far</th>
<th>Time</th>
</tr>

<tr><td colspan="7"><p style="text-align: center; font-weight: bold">You are entering the <a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com">congestion charging zone</a>.<br />Applies Monday to Friday - 7am to 6.30pm.</p></td></tr>
<tr style="background-color: #ffecec">

<td>1</td>
<td>Depart on <strong>A40 High Holburn</strong></td>
<td>for <strong>0.2 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=1&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0 miles (0 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 2</td>
<td>At the roundabout, take the fifth exit onto <strong>A4 New Fetter Lane</strong></td>
<td>for <strong>0.3 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=2&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.2 miles (0.3 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 3</td>
<td>Turn left onto <strong> Fleet Street</strong></td>
<td>for <strong>0.1 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=3&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.5 miles (0.8 km)</td>
<td>20:18</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://www.cclondon.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 4</td>
<td>Arrive at your destination <strong> </strong></td>
<td>for <strong>0 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=4&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.6 miles (0.9 km)</td>
<td>20:18</td>
</tr>
</table>
</pre>

===MapQuest===

<pre>
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
</pre>

<pre>
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
</pre>
Note: mapquest adds icons indiciating parts of a journey such as "Start" "left turn" "right turn" "end"

====Source====
<pre>
<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>
</pre>

<pre>
<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>
</pre>

===Bus Trip Planners===

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

====transit.511.org====

<pre>
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
</pre>

====source====

<pre>

<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>

</pre>

====rtd-denver.com====

<pre>
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.
</pre>

====source====

<pre>
<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>
</pre>
=== hand authored bike routes ===
May at [http://www.tikirobot.net/wp/category/cycling/ TikiRobot!] has been marking up her cycling routes. She uses photographs of landmarks, a map image, and a textual description, or textual directions. There is no implied schema, but would be a good candidate for adding address or geo info.
=== hand authored flight record ===
Jeremy Zawodny has [http://jeremy.zawodny.com/blog/archives/006655.html has narrated flights] He uses photographs of landmarks, a map image, and a textual description, with links to landmarks. There is no implied schema, but would be a good candidate for adding address or geo info.
=== Directions to an office ===
====[http://www.microsoft.com/mscorp/info/usaoffices/northernca/sanfrancisco.mspx Microsoft in San Francisco]====
<pre>
From the North Bay
Take US-101S over the Golden Gate Bridge to San Francisco. Exit right toward Lombard
Street/Downtown. Follow the street as it curves, and turn left onto Lombard Street.
Turn right onto Van Ness Avenue. Turn left onto Broadway. Turn right onto Battery Street.
Turn left onto Market Street. Go straight for five short blocks. The Landmark at One Market
is on the right.

From the East Bay
Take I-80W over the Bay Bridge. Pay toll ($5). Exit right at Fremont Street. Turn left
onto Fremont Street. Turn right onto Howard Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.

From the South Bay or SFO Airport
Take US-101N San Francisco to Exit I-280N Port of San Francisco. Exit King Street. Turn
Left onto Third Street. Turn Right onto Folsom Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.
</pre>

== related discussion ==

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

geo

2005-12-01T20:59:03Z

AndyHume: /* Examples in the wild */

= geo =

'''geo''' (working name, pronounced "gee-oh") is a simple format for marking up geographic latitude longitude information, suitable for embedding in (X)HTML, Atom, RSS, and arbitrary XML. '''geo''' is a 1:1 representation of the "geo" property in the vCard standard ([http://www.ietf.org/rfc/rfc2426.txt RFC2426]) in XHTML, one of several open [[microformats|microformat]] standards.
__TOC__

== Draft Specification ==

=== Editor/Author ===
[http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.]

=== Copyright ===
{{MicroFormatCopyrightStatement2005}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to everyone who participated in the [[geo-bof-2005-06-30|Geo Microformat BOF at O'Reilly's Where 2.0 conference]], and in particular to [http://radar.oreilly.com/nat/ Nat Torkington] and Vee McMillen of [http://oreilly.com O'Reilly] for [http://conferences.oreillynet.com/cs/where2005/view/e_sess/7476 arranging and hosting the BOF]. Thanks to Chris Hibbbert for providing the [http://www.geocaching.com/seek/cache_details.aspx?guid=dc4754bf-64d5-4f28-8715-45ad2505c86f real world geo-caching example].

== Introduction and Background ==
The vCard standard ([http://www.ietf.org/rfc/rfc2426.txt RFC2426]), has been broadly and interoperably implemented (e.g. Apple's Address Book application). The [[hcard|hCard]] microformat has similarly received significant adoption, from numerous sites publishing the format, to hCard to vCard proxies, to clientside javascript parsers.

At the [http://conferences.oreillynet.com/where/ Where 2.0 conference] in June 2005, there was widespread recognition that the community needed a way to simply and easily publish visible, extractable, geographic location information on the Web, given how often bloggers, and numerous other sites publish such information. The [[geo-bof-2005-06-30|geo microformat BOF]] discussed this very topic, and concluded with a consensus decision to just try using ''geo'' from vCard/hCard.

This specification introduces the '''geo''' microformat, which is a 1:1 representation of the aforementioned ''geo'' property from the vCard standard, by simply reusing the ''geo'' property and sub-properties as-is from the [[hcard|hCard]] microformat.

Publishers can both embed '''geo''' addresses directly in their web pages and feeds, as well as markup existing addresses in the context of the rest of the information in their web pages and feeds.

If the publisher knows and is publishing the ''name'' of the location in addition to its geo lat/long, then the publisher MUST use [[hcard|hCard]] instead of just '''geo''' to publish the name and geo lat/long of the location.

If the publisher knows and is publishing the address of the location, OR if the address of the location was what was actually entered by a human, and the publisher simply turned that into lat/long using some sort of a service, then the publisher SHOULD use [[adr]] to publish the actual human entered address information since communicates far more semantic information than a simple geo lat/long coordinate.

== Semantic XHTML Design Principles ==
{{semantic-xhtml-design-principles}}

== Format ==
=== Singular Properties ===

Note that all the properties in '''geo''' are singular properties, and thus the first descendant element with that class should take effect, any others being ignored.

=== Human vs. Machine readable ===

If an <code><abbr></code> element is used for a property, then the <code>title</code> attribute of the <code><abbr></code> element is the value of the property, instead of the contents of the element, which instead provide a human presentable version of the value.

=== Value excerpting ===

Sometimes only part of an element which is the equivalent for a property should be used for the value of the property. For this purpose, the special class name <code>value</code> is used to excerpt out the subset of the element that is the value of the property. See [[hcard|hCard]] for details on this.

=== Root Class Name ===

The root class name for an geo location is <code>geo</code>.

=== Property List ===

This is the list of properties in geo, taken from [[hcard|hCard]]:

* latitude
* longitude

=== XMDP Profile ===

See [[hcard-profile]] for the [http://gmpg.org/xmdp XMDP] profile of hCard which contains the above complete list of properties, with references to their RFC 2426 definitions.

=== Parsing Details ===

See [[hcard-parsing|hCard parsing]], with the only difference being that "geo" is the root class name, rather than "vcard".

== Examples ==

This section is informative.

=== Sample geo ===

Here is a sample of published lat/long info (from [http://www.geocaching.com/seek/cache_details.aspx?guid=dc4754bf-64d5-4f28-8715-45ad2505c86f geocaching: Noble Steed]):

<pre><nowiki>
N 37° 24.491 W 122° 08.313
</nowiki></pre>

With geo markup:

<pre><nowiki>
<div class="geo">
<abbr class="latitude" title="37.408183">N 37° 24.491</abbr>
<abbr class="longitude" title="-122.13855">W 122° 08.313</abbr>
</div>
</nowiki></pre>

This geo might be displayed as:

<abbr class="latitude" title="37.408183">N 37° 24.491</abbr>
<abbr class="longitude" title="-122.13855">W 122° 08.313</abbr>

=== More Examples ===

See [http://microformats.org/wiki/hcard-examples#3.2.1_GEO_Type_Definition hCard example geo] for more examples.

== Examples in the wild ==
This section is '''informative'''.

The following sites have published geos, outside their normal context of hCards, and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc., in addition to [[hcard|hCard]] examples in the wild. If you find geos outside of hCards anywhere else, feel free to add them to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://harry.hchen1.com/mylife.htm Harry Chen has marked up his geo location]
* [http://www.multimap.com Multimap.com] uses the geo microformat to mark up latitude and longitude values on map pages.

== Implementations ==
This section is '''informative'''.

The following implementations have been developed which either generate or parse geos outside the context of hCards. If you have an geo implementation, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* ...

== References ==
=== Normative References ===
* [[hcard|hCard]]

=== Informative References ===
* [http://www.ietf.org/rfc/rfc2426.txt vCard RFC2426] ([http://www.w3.org/2002/12/cal/rfc2426 HTML reformatted version of RFC2426])
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE]

=== Similar Work ===
* [[adr]]
* [[hcalendar|hCalendar]]
* [[XOXO]]

== Work in progress ==
This specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added.

== Discussions ==

* See [http://www.technorati.com/cosmos/referer.html blogs discussing this page].

=== Q&A ===
* If you have any questions about hCard, check the [[hcard-faq|hCard FAQ]] first, and if you don't find answers, add your questions! (Odds are that any geo question will apply to hCard as well).

=== Issues ===
* Please add any issues with the specification to the separate [[hcard-issues|hCard issues]] document. Ditto.