Half Dome Map Project



Interactive Half Dome Map App


Interactive Half Dome Map



(Make sure to go full screen for the best experience. Zoom in, pan around, turn layers on and off, click photo icons to see image thumbnails in popups, click the thumbnails to see the images enlarged. Most items have mouseover tooltips, and what you see changes upon zoom level.)

Last Fall I had an idea for making a unique style of trip report that provides an interactive first-person POV experience, merged with the birds-eye view of the route traveled. I had already climbed the route with my friend Nic Risser, sleeping atop Big Sandy for my 30th BDay in August, so I also had photo documentation of the route.

I had no idea how I would do this, apart from knowing that I needed photo material to work with and would have to learn JavaScript to implement it. So on my last weekend out before my first of 3 knee surgeries, I hiked to the summit of North Dome with my camera and took a lot of closeup shots of Half Dome, and during my down time this winter, I figured out how to make this idea a reality.

The project is still very much unfinished (and yes, Justin, I still need to add photos from your climb!), but it is working, and really fun as-is, and I see myself waiting too long before sharing it if I wait until it is 'finished'. So click below!

 

Process

I created the image with photos taken using a 7-year-old Nikon D40 DLSR, with a Nikkor kit lens. (55-200mm zoom). I merged the image together in Adobe Photoshop, but not without some trial and error for such a big project.


Result of attempting to blend all of the photos at once in Adobe Photoshop.

However, with some experimentation, I found a way to get the merging to work correctly.


NW Face of Half Dome, roughly as I had divided it up into close up photographs taken with a 200mm zoom lens.

Once the image was assembled, I had the problem that the image was 75MB, which took far too long to load on a web browser to be a feasible way for a user to quickly view the image. There are a number of JavaScript methods & plugins for  photo enlarging, but most did not allow some form of interactivity on the map that would scale and pan with the image.

I spent some time trying out one that could handle keeping image maps scaled and aligned with the image, but it was appearing to be a dead end.

So I tried tiling, which handles the size and sizing issues. Using this system also allowed for using various interactive elements (icons, polylines, shapes), positioned by latitude  longitude coordinates, as this system is normally used for maps. Since my project was a flat image and not a curved 3D surface on Earth, I had to write some 'unproject' methods in my scripts, but otherwise everything worked together smoothly.


I used Tiling to make to make the high resolution Half Dome image feasible for web viewing, with panning and zoom navigation. This is the same technique that Google Maps uses.

The tiling was done using a free Ruby script that automates the process, taking a few seconds to size, crop, and save the files in a format & folder structure that can be read by code for automatically re-assembling the portions of the image that are in view of your screen. There are various Ruby and Python scripts available to do such things, although figuring out how to get them to work is tedious (I really don't know either programming language).



2013-10-20 - Solo Top Rope & North Dome Hike

This was my last weekend to get out in the mountains before I would have the first of several knee surgeries that would keep me away from rigorous outdoor fun for the next year. As no one was game for getting out with me this weekend, I threw together my own last-minute plans for a Sunday daytrip: First, work out a system for solo top-roping at Knob Hill. Then hike to Indian Rock & Arch, and then to North Dome, for researching an approach and getting some project shots of surrounding features - especially the N Face of Half Dome. I hung out with a book & beer atop North Dome to catch the sunset before hiking back in the dark.

 

Arch near Indian Rock.



Half Dome and Starr King seen through the arch near Indian Rock.


Cloud's Rest and Quarter Dome (right, low) above the rugged Tenaya Canyon.



Tenaya Canyon, with Basket Dome (left), Mt Watkins (left, back), Cloud's Rest (center) and Half Dome (right).

 
Climbers finishing Thank God Ledge on Half Dome, seen from North Dome.



Climbers on the second to last pitch of the NWRR of Half Dome.



Watkins Pinnacles.



Panorama of Tenaya Canyon. Mt Watkins (left, low), Cloud's Rest, Quarter Dome, Half Dome, and Mt Starr King (right, horizon).



Half Dome's NW Face at sunset.



Sunset over El Cap from atop North Dome.



Afterglow lighting on dike ripples as I hiked out above North Dome to my car, parked on Highway 120.




Links