The SF Bike Map & Walking Guide (.PDF download below) shows you everything you need to know to find your way around San Francisco on bike. This map indicates the grade of streets so you can avoid the steepest hills. Plus, the Bike Map shows you where the bike shops are and what type of bikeway is on each street.
Google Maps has come a long way in providing accurate biking directions. Just plug in your start and finish destinations and get rolling. Double-check the suggestion against the SF Bike and Walking Guide.
Bike Mapper is an online tool that gives you turn-by-turn biking directions for the Bay Area. You can select the shortest or flattest route and easily find your way around the city and region. Bike Mapper was created by the SF Bicycle Coalition, in partnership with the SF Department of Environment, the Bay Area Air Quality Management District, MTC and 511.org.