How to Travel from
San Francisco to Mattole Beach
by Plane, Rideshare, Route or Car
Transport search
Transport search
To the map
To the review
[{"selectedTransportType":"car","routePoints":[{"latitude":37.77493,"longitude":-122.4194,"title":"San Francisco"},{"latitude":40.28902,"longitude":-124.35727,"title":"Mattole Beach"}],"compositeRoutePoints":{"3297bd45888cb563334a408a7b70b26a":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"4b115a39d90a32feeb8a619de10a3810":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"3d86dcfdc1673c754618703be08c421d":[{"transportType":"transfer","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"endPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117}},{"transportType":"bus","startPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Garberville","latitude":39.996866999999995,"longitude":-123.76868},"routeEndPart":true}],"19151367af88596c35433020df1b2e76":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}]},"transportTypes":{"car":{"title":"Car","color":"var(--color-transport-car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_car\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CAR\u0027\u003E\u003C\/i\u003E"},"taxi":{"title":"Taxi","color":"var(--color-transport-taxi)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_taxi\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TAXI\u0027\u003E\u003C\/i\u003E"},"bus":{"title":"Bus","color":"var(--color-transport-bus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BUS\u0027\u003E\u003C\/i\u003E"},"train":{"title":"Train","color":"var(--color-transport-train)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"truck":{"title":"Truck","color":"var(--color-transport-truck)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_truck\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRUCK\u0027\u003E\u003C\/i\u003E"},"plane":{"title":"Plane","color":"var(--color-transport-plane)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_plane\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PLANE\u0027\u003E\u003C\/i\u003E"},"ride_share":{"title":"Rideshare","color":"var(--color-transport-ride_share)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rideshare\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RIDE_SHARE\u0027\u003E\u003C\/i\u003E"},"people":{"title":"Person","color":"var(--color-transport-people)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_people\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PEOPLE\u0027\u003E\u003C\/i\u003E"},"walk":{"title":"Walking","color":"var(--color-transport-walk)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_walk\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_WALK\u0027\u003E\u003C\/i\u003E"},"bike":{"title":"Bicycle","color":"var(--color-transport-bike)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bike\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BIKE\u0027\u003E\u003C\/i\u003E"},"transfer":{"title":"Transfer","color":"var(--color-transport-transfer)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"subway":{"title":"Subway","color":"var(--color-transport-subway)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_subway\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBWAY\u0027\u003E\u003C\/i\u003E"},"composite":{"title":"Route","color":"var(--color-transport-composite)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"carsharing":{"title":"Carsharing","color":"var(--color-transport-carsharing)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_carsharing\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CARSHARING\u0027\u003E\u003C\/i\u003E"},"suburban":{"title":"Electric Train","color":"var(--color-transport-suburban)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_suburban\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBURBAN\u0027\u003E\u003C\/i\u003E"},"tram":{"title":"Tram","color":"var(--color-transport-tram)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_tram\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAM\u0027\u003E\u003C\/i\u003E"},"trolleybus":{"title":"Trolleybus","color":"var(--color-transport-trolleybus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_trolleybus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TROLLEYBUS\u0027\u003E\u003C\/i\u003E"},"cable_car":{"title":"Funicular","color":"var(--color-transport-cable_car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_funicular\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CABLE_CAR\u0027\u003E\u003C\/i\u003E"},"rail":{"title":"Rail","color":"var(--color-transport-rail)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"ferry":{"title":"Ferry","color":"var(--color-transport-ferry)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_ferry\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_FERRY\u0027\u003E\u003C\/i\u003E"},"rent":{"title":"Rent auto","color":"var(--color-transport-rent)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rent\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RENT\u0027\u003E\u003C\/i\u003E"},"unknown":{"title":"Unknown","color":"var(--color-transport-unknown)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"}},"pointIcon":"\u003Ci class=\u0022icon iconmoon iconmoon-map_point\u0022 style=\u0022color:var(--color-primary)\u0022 aria-label=\u0027MAP_POINT\u0027\u003E\u003C\/i\u003E","routeId":53337506}, {"selectedTransportType":"plane","routePoints":[{"latitude":37.77493,"longitude":-122.4194,"title":"San Francisco"},{"latitude":40.28902,"longitude":-124.35727,"title":"Mattole Beach"}],"compositeRoutePoints":{"3297bd45888cb563334a408a7b70b26a":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"4b115a39d90a32feeb8a619de10a3810":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"3d86dcfdc1673c754618703be08c421d":[{"transportType":"transfer","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"endPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117}},{"transportType":"bus","startPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Garberville","latitude":39.996866999999995,"longitude":-123.76868},"routeEndPart":true}],"19151367af88596c35433020df1b2e76":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}]},"transportTypes":{"car":{"title":"Car","color":"var(--color-transport-car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_car\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CAR\u0027\u003E\u003C\/i\u003E"},"taxi":{"title":"Taxi","color":"var(--color-transport-taxi)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_taxi\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TAXI\u0027\u003E\u003C\/i\u003E"},"bus":{"title":"Bus","color":"var(--color-transport-bus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BUS\u0027\u003E\u003C\/i\u003E"},"train":{"title":"Train","color":"var(--color-transport-train)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"truck":{"title":"Truck","color":"var(--color-transport-truck)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_truck\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRUCK\u0027\u003E\u003C\/i\u003E"},"plane":{"title":"Plane","color":"var(--color-transport-plane)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_plane\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PLANE\u0027\u003E\u003C\/i\u003E"},"ride_share":{"title":"Rideshare","color":"var(--color-transport-ride_share)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rideshare\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RIDE_SHARE\u0027\u003E\u003C\/i\u003E"},"people":{"title":"Person","color":"var(--color-transport-people)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_people\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PEOPLE\u0027\u003E\u003C\/i\u003E"},"walk":{"title":"Walking","color":"var(--color-transport-walk)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_walk\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_WALK\u0027\u003E\u003C\/i\u003E"},"bike":{"title":"Bicycle","color":"var(--color-transport-bike)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bike\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BIKE\u0027\u003E\u003C\/i\u003E"},"transfer":{"title":"Transfer","color":"var(--color-transport-transfer)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"subway":{"title":"Subway","color":"var(--color-transport-subway)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_subway\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBWAY\u0027\u003E\u003C\/i\u003E"},"composite":{"title":"Route","color":"var(--color-transport-composite)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"carsharing":{"title":"Carsharing","color":"var(--color-transport-carsharing)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_carsharing\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CARSHARING\u0027\u003E\u003C\/i\u003E"},"suburban":{"title":"Electric Train","color":"var(--color-transport-suburban)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_suburban\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBURBAN\u0027\u003E\u003C\/i\u003E"},"tram":{"title":"Tram","color":"var(--color-transport-tram)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_tram\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAM\u0027\u003E\u003C\/i\u003E"},"trolleybus":{"title":"Trolleybus","color":"var(--color-transport-trolleybus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_trolleybus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TROLLEYBUS\u0027\u003E\u003C\/i\u003E"},"cable_car":{"title":"Funicular","color":"var(--color-transport-cable_car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_funicular\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CABLE_CAR\u0027\u003E\u003C\/i\u003E"},"rail":{"title":"Rail","color":"var(--color-transport-rail)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"ferry":{"title":"Ferry","color":"var(--color-transport-ferry)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_ferry\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_FERRY\u0027\u003E\u003C\/i\u003E"},"rent":{"title":"Rent auto","color":"var(--color-transport-rent)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rent\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RENT\u0027\u003E\u003C\/i\u003E"},"unknown":{"title":"Unknown","color":"var(--color-transport-unknown)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"}},"pointIcon":"\u003Ci class=\u0022icon iconmoon iconmoon-map_point\u0022 style=\u0022color:var(--color-primary)\u0022 aria-label=\u0027MAP_POINT\u0027\u003E\u003C\/i\u003E","routeId":53337506}, {"selectedTransportType":"ride_share","routePoints":[{"latitude":37.77493,"longitude":-122.4194,"title":"San Francisco"},{"latitude":40.28902,"longitude":-124.35727,"title":"Mattole Beach"}],"compositeRoutePoints":{"3297bd45888cb563334a408a7b70b26a":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"4b115a39d90a32feeb8a619de10a3810":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"3d86dcfdc1673c754618703be08c421d":[{"transportType":"transfer","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"endPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117}},{"transportType":"bus","startPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Garberville","latitude":39.996866999999995,"longitude":-123.76868},"routeEndPart":true}],"19151367af88596c35433020df1b2e76":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}]},"transportTypes":{"car":{"title":"Car","color":"var(--color-transport-car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_car\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CAR\u0027\u003E\u003C\/i\u003E"},"taxi":{"title":"Taxi","color":"var(--color-transport-taxi)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_taxi\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TAXI\u0027\u003E\u003C\/i\u003E"},"bus":{"title":"Bus","color":"var(--color-transport-bus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BUS\u0027\u003E\u003C\/i\u003E"},"train":{"title":"Train","color":"var(--color-transport-train)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"truck":{"title":"Truck","color":"var(--color-transport-truck)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_truck\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRUCK\u0027\u003E\u003C\/i\u003E"},"plane":{"title":"Plane","color":"var(--color-transport-plane)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_plane\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PLANE\u0027\u003E\u003C\/i\u003E"},"ride_share":{"title":"Rideshare","color":"var(--color-transport-ride_share)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rideshare\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RIDE_SHARE\u0027\u003E\u003C\/i\u003E"},"people":{"title":"Person","color":"var(--color-transport-people)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_people\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PEOPLE\u0027\u003E\u003C\/i\u003E"},"walk":{"title":"Walking","color":"var(--color-transport-walk)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_walk\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_WALK\u0027\u003E\u003C\/i\u003E"},"bike":{"title":"Bicycle","color":"var(--color-transport-bike)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bike\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BIKE\u0027\u003E\u003C\/i\u003E"},"transfer":{"title":"Transfer","color":"var(--color-transport-transfer)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"subway":{"title":"Subway","color":"var(--color-transport-subway)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_subway\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBWAY\u0027\u003E\u003C\/i\u003E"},"composite":{"title":"Route","color":"var(--color-transport-composite)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"carsharing":{"title":"Carsharing","color":"var(--color-transport-carsharing)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_carsharing\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CARSHARING\u0027\u003E\u003C\/i\u003E"},"suburban":{"title":"Electric Train","color":"var(--color-transport-suburban)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_suburban\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBURBAN\u0027\u003E\u003C\/i\u003E"},"tram":{"title":"Tram","color":"var(--color-transport-tram)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_tram\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAM\u0027\u003E\u003C\/i\u003E"},"trolleybus":{"title":"Trolleybus","color":"var(--color-transport-trolleybus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_trolleybus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TROLLEYBUS\u0027\u003E\u003C\/i\u003E"},"cable_car":{"title":"Funicular","color":"var(--color-transport-cable_car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_funicular\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CABLE_CAR\u0027\u003E\u003C\/i\u003E"},"rail":{"title":"Rail","color":"var(--color-transport-rail)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"ferry":{"title":"Ferry","color":"var(--color-transport-ferry)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_ferry\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_FERRY\u0027\u003E\u003C\/i\u003E"},"rent":{"title":"Rent auto","color":"var(--color-transport-rent)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rent\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RENT\u0027\u003E\u003C\/i\u003E"},"unknown":{"title":"Unknown","color":"var(--color-transport-unknown)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"}},"pointIcon":"\u003Ci class=\u0022icon iconmoon iconmoon-map_point\u0022 style=\u0022color:var(--color-primary)\u0022 aria-label=\u0027MAP_POINT\u0027\u003E\u003C\/i\u003E","routeId":53337506}, {"selectedTransportType":"composite","routePoints":[{"latitude":37.77493,"longitude":-122.4194,"title":"San Francisco"},{"latitude":40.28902,"longitude":-124.35727,"title":"Mattole Beach"}],"compositeRoutePoints":{"3297bd45888cb563334a408a7b70b26a":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Copeland","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"4b115a39d90a32feeb8a619de10a3810":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}],"3d86dcfdc1673c754618703be08c421d":[{"transportType":"transfer","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Santa","latitude":38.823261,"longitude":-123.01366},"endPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117}},{"transportType":"bus","startPoint":{"title":"Pear","latitude":39.410064,"longitude":-123.39117},"endPoint":{"title":"Garberville","latitude":39.996866999999995,"longitude":-123.76868},"routeEndPart":true}],"19151367af88596c35433020df1b2e76":[{"transportType":"bus","startPoint":{"title":"Copeland st transit mall","latitude":38.236458,"longitude":-122.63615},"endPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"routeStartPart":true},{"transportType":"plane","startPoint":{"title":"Airport","latitude":39.018862,"longitude":-123.13949666666667},"endPoint":{"title":"Fortuna amtrak bus stop","latitude":40.58367,"longitude":-124.14619},"routeEndPart":true}]},"transportTypes":{"car":{"title":"Car","color":"var(--color-transport-car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_car\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CAR\u0027\u003E\u003C\/i\u003E"},"taxi":{"title":"Taxi","color":"var(--color-transport-taxi)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_taxi\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TAXI\u0027\u003E\u003C\/i\u003E"},"bus":{"title":"Bus","color":"var(--color-transport-bus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BUS\u0027\u003E\u003C\/i\u003E"},"train":{"title":"Train","color":"var(--color-transport-train)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"truck":{"title":"Truck","color":"var(--color-transport-truck)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_truck\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRUCK\u0027\u003E\u003C\/i\u003E"},"plane":{"title":"Plane","color":"var(--color-transport-plane)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_plane\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PLANE\u0027\u003E\u003C\/i\u003E"},"ride_share":{"title":"Rideshare","color":"var(--color-transport-ride_share)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rideshare\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RIDE_SHARE\u0027\u003E\u003C\/i\u003E"},"people":{"title":"Person","color":"var(--color-transport-people)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_people\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_PEOPLE\u0027\u003E\u003C\/i\u003E"},"walk":{"title":"Walking","color":"var(--color-transport-walk)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_walk\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_WALK\u0027\u003E\u003C\/i\u003E"},"bike":{"title":"Bicycle","color":"var(--color-transport-bike)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_bike\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_BIKE\u0027\u003E\u003C\/i\u003E"},"transfer":{"title":"Transfer","color":"var(--color-transport-transfer)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"subway":{"title":"Subway","color":"var(--color-transport-subway)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_subway\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBWAY\u0027\u003E\u003C\/i\u003E"},"composite":{"title":"Route","color":"var(--color-transport-composite)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"},"carsharing":{"title":"Carsharing","color":"var(--color-transport-carsharing)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_carsharing\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CARSHARING\u0027\u003E\u003C\/i\u003E"},"suburban":{"title":"Electric Train","color":"var(--color-transport-suburban)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_suburban\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_SUBURBAN\u0027\u003E\u003C\/i\u003E"},"tram":{"title":"Tram","color":"var(--color-transport-tram)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_tram\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAM\u0027\u003E\u003C\/i\u003E"},"trolleybus":{"title":"Trolleybus","color":"var(--color-transport-trolleybus)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_trolleybus\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TROLLEYBUS\u0027\u003E\u003C\/i\u003E"},"cable_car":{"title":"Funicular","color":"var(--color-transport-cable_car)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_funicular\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_CABLE_CAR\u0027\u003E\u003C\/i\u003E"},"rail":{"title":"Rail","color":"var(--color-transport-rail)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_train\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRAIN\u0027\u003E\u003C\/i\u003E"},"ferry":{"title":"Ferry","color":"var(--color-transport-ferry)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_ferry\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_FERRY\u0027\u003E\u003C\/i\u003E"},"rent":{"title":"Rent auto","color":"var(--color-transport-rent)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_rent\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_RENT\u0027\u003E\u003C\/i\u003E"},"unknown":{"title":"Unknown","color":"var(--color-transport-unknown)","icon":"\u003Ci class=\u0022icon iconmoon iconmoon-transport_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\u0027\u003E\u003C\/i\u003E"}},"pointIcon":"\u003Ci class=\u0022icon iconmoon iconmoon-map_point\u0022 style=\u0022color:var(--color-primary)\u0022 aria-label=\u0027MAP_POINT\u0027\u003E\u003C\/i\u003E","routeId":53337506}]
