Scroll to start
.cover {
bottom: 0;
opacity: 1;
background-size: auto 90%;
background-position: center center;
background-repeat: no-repeat;
}
.map {
opacity:0;
}
Your Clipper Trip
Published in 1952.
.cover {
opacity: 1;
}
.map {
opacity:0;
}
Relief map of Pan Am's network made by Jeppesen & Company and Pan American World Airways Inc.
.cover {
bottom: 100%;
opacity: 0;
}
.instructions {
opacity:0;
}
.map {
bottom:auto;
opacity: 1;
transition: all 1.5s ease-in-out;
transform: scale(1);
transform-origin:0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
}
Go East, Go West
Pan Am started offering arund the world flight as early as 1948 and you had a choice of flying either West or East bound. We are heading West. Come along.
.map {
opacity: 1;
}
.detail {
opacity:0;
}
We start our journey in San Francisco. Our Clipper Jet is heading out over the Pacific.
.map {
opacity:0;
}
.detail {
bottom:auto;
opacity: 1;
transition: all 1.5s ease-in-out;
transform: scale(5.5) translate(0px, 0%);
transform-origin: 43% 43%;
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
}
Our first stop is Honolulu, one of Pan Am's most popular destinations.
.detail {
transform: scale(5.5) translate(0px, 0%);
transform-origin: 33% 47%;
}
We continue westbound to Tokyo via Wake Island. Today Wake Island houses a US military installation and is completely off-limits but it's also home to Albatrosses. When Pan Am set out to cross the Pacific, they would early on also land at Midway Atoll.
.detail {
transform: scale(5.5) translate(0px, 0%);
transform-origin: 25% 47%;
}
From there the journey continues into Asia via Hong Kong, Bangkok, Calcutta and and Karachi sometimes stopping in Delhi.
.detail {
transform: scale(6) translate(0px, 0%);
transform-origin: 15% 48%;
}
The journey continues west stopping in Beirut and Rome with onwards connection to Paris and London.
.detail {
transform: scale(6) translate(0px, 0%);
transform-origin: 97% 48%;
}
The total journey time if you were doing this non-stop would take you a week of more or less constant flying.
.detail {
transform: scale(6) translate(0px, 0%);
transform-origin: 85% 47%;
}
These long connecting flights were all avoiding both the Soviet Union and China at this stage as they were off-limits. It would take 28 years before Pan Am would finally serve Moscow in cooperation with Aeroflot.
.detail {
transform: scale(4) translate(0px, 0%);
transform-origin: 82% 37%;
}
The flight would refuel in Shannon before crossing the Atlantic. BOAC also offered a round the world ticket, but Pan Am was the first airline to offer around the world tickets.
.detail {
transform: scale(4) translate(0px, 0%);
transform-origin: 75% 37%;
}
Pan Am stopped using Gander for refueling in 1962, but by the mid 1950s some flights were already bypassing Newfoundland.
.detail {
transform: scale(5.5) translate(0px, 0%);
transform-origin: 63% 37%;
}
We are almost full circle, another circumnavigation under our belt. Just a small matter of crossing the continental United States back to San Francisco, which Pan Am didn't do.
.detail {
transform: scale(6) translate(0px, 0%);
transform-origin: 52% 40%;
}
We are back where we started a little over a week later.
.back-1952 {
opacity:0;
}
.detail {
opacity:0;
}
.map {
bottom:auto;
opacity: 1;
transform: scale(1);
transform-origin:0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
}
On the back of the map you would find an overview of the airline's destinations, including details about Hawaii and Wake Island.
.map {
opacity:0;
}
.back-1952 {
bottom:auto;
opacity: 1;
transition: all 1.5s ease-in-out;
transform: scale(1);
transform-origin:0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
}
Wake Island, your next holiday destination.
.later-edition {
opacity:0;
}
.back-1952 {
opacity:1;
transform: scale(5.5) translate(0px, 0%);
transform-origin: 97% 65%;
}
Another version of this map, possibly the best known, was published in 1956.
.back-1952 {
opacity:0;
}
.later-edition {
bottom:auto;
opacity: 1;
transition: all 1.5s ease-in-out;
transform: scale(1);
transform-origin:0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
}