How to Travel from
Costa Mesa to Huntington Beach
by Bicycle or Car
Transport search
Transport search
[{"selectedTransportType":"car","routePoints":[{"latitude":33.6633386,"longitude":-117.903317,"title":"Costa Mesa"},{"latitude":33.6783336,"longitude":-118.0000166,"title":"Huntington Beach"}],"compositeRoutePoints":[],"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_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\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_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\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":54726281}, {"selectedTransportType":"bike","routePoints":[{"latitude":33.6633386,"longitude":-117.903317,"title":"Costa Mesa"},{"latitude":33.6783336,"longitude":-118.0000166,"title":"Huntington Beach"}],"compositeRoutePoints":[],"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_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\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_transfer\u0022 style=\u0022color:var(--color-white)\u0022 aria-label=\u0027TRANSPORT_TRANSFER\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":54726281}]
