How to Travel from
Costa Mesa to Whittier
by Route or Car
Transport search
Transport search
To the map
To the review
[{"selectedTransportType":"car","routePoints":[{"latitude":33.64113,"longitude":-117.9187,"title":"Costa Mesa"},{"latitude":60.773052,"longitude":-148.68388,"title":"Whittier"}],"compositeRoutePoints":{"aef3b3db8e2f7f9fe2d5ee6b39207296":[{"transportType":"bus","startPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"endPoint":{"title":"Harbor-east","latitude":33.844599333333335,"longitude":-117.97838},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Harbor-east","latitude":33.844599333333335,"longitude":-117.97838},"endPoint":{"title":"Norwalk","latitude":33.87931566666666,"longitude":-118.041545}},{"transportType":"bus","startPoint":{"title":"Norwalk","latitude":33.87931566666666,"longitude":-118.041545},"endPoint":{"title":"Norwalk station","latitude":33.914032,"longitude":-118.10471},"routeEndPart":true}],"f0452951ba4cf9bea0f4db98c081c8ef":[{"transportType":"bus","startPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"endPoint":{"title":"Fullerton","latitude":33.8619575,"longitude":-118.0099625},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Fullerton","latitude":33.8619575,"longitude":-118.0099625},"endPoint":{"title":"Norwalk station","latitude":33.914032,"longitude":-118.10471},"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":52499302}, {"selectedTransportType":"composite","routePoints":[{"latitude":33.64113,"longitude":-117.9187,"title":"Costa Mesa"},{"latitude":60.773052,"longitude":-148.68388,"title":"Whittier"}],"compositeRoutePoints":{"aef3b3db8e2f7f9fe2d5ee6b39207296":[{"transportType":"bus","startPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"endPoint":{"title":"Harbor-east","latitude":33.844599333333335,"longitude":-117.97838},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Harbor-east","latitude":33.844599333333335,"longitude":-117.97838},"endPoint":{"title":"Norwalk","latitude":33.87931566666666,"longitude":-118.041545}},{"transportType":"bus","startPoint":{"title":"Norwalk","latitude":33.87931566666666,"longitude":-118.041545},"endPoint":{"title":"Norwalk station","latitude":33.914032,"longitude":-118.10471},"routeEndPart":true}],"f0452951ba4cf9bea0f4db98c081c8ef":[{"transportType":"bus","startPoint":{"title":"Harbor-east shuttle area","latitude":33.809883,"longitude":-117.915215},"endPoint":{"title":"Fullerton","latitude":33.8619575,"longitude":-118.0099625},"routeStartPart":true},{"transportType":"bus","startPoint":{"title":"Fullerton","latitude":33.8619575,"longitude":-118.0099625},"endPoint":{"title":"Norwalk station","latitude":33.914032,"longitude":-118.10471},"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":52499302}]
