How to Travel from
Whittier to Costa Mesa
by Route or Car
Transport search
Transport search
To the map
To the review
[{"selectedTransportType":"car","routePoints":[{"latitude":60.773052,"longitude":-148.68388,"title":"Whittier"},{"latitude":33.64113,"longitude":-117.9187,"title":"Costa Mesa"}],"compositeRoutePoints":{"d00b6883a09ffc85faf51ac1bb35a454":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"endPoint":{"title":"Disneyland","latitude":33.844374333333334,"longitude":-117.97807866666668}},{"transportType":"bus","startPoint":{"title":"Disneyland","latitude":33.844374333333334,"longitude":-117.97807866666668},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"routeEndPart":true}],"eafda6da52481f6d7171eda3d41f0592":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"endPoint":{"title":"Fullerton","latitude":33.844374333333334,"longitude":-117.97807866666668}},{"transportType":"bus","startPoint":{"title":"Fullerton","latitude":33.844374333333334,"longitude":-117.97807866666668},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"routeEndPart":true}],"e5428d37ce99f3aaa6b3a15019276899":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.86162,"longitude":-118.0095105},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.86162,"longitude":-118.0095105},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"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":53589618}, {"selectedTransportType":"composite","routePoints":[{"latitude":60.773052,"longitude":-148.68388,"title":"Whittier"},{"latitude":33.64113,"longitude":-117.9187,"title":"Costa Mesa"}],"compositeRoutePoints":{"d00b6883a09ffc85faf51ac1bb35a454":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"endPoint":{"title":"Disneyland","latitude":33.844374333333334,"longitude":-117.97807866666668}},{"transportType":"bus","startPoint":{"title":"Disneyland","latitude":33.844374333333334,"longitude":-117.97807866666668},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"routeEndPart":true}],"eafda6da52481f6d7171eda3d41f0592":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.87886566666666,"longitude":-118.04094233333333},"endPoint":{"title":"Fullerton","latitude":33.844374333333334,"longitude":-117.97807866666668}},{"transportType":"bus","startPoint":{"title":"Fullerton","latitude":33.844374333333334,"longitude":-117.97807866666668},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"routeEndPart":true}],"e5428d37ce99f3aaa6b3a15019276899":[{"transportType":"bus","startPoint":{"title":"C line station","latitude":33.913357,"longitude":-118.103806},"endPoint":{"title":"C","latitude":33.86162,"longitude":-118.0095105},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"C","latitude":33.86162,"longitude":-118.0095105},"endPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"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":53589618}]
