← All work / 05 of 05TypeScript · Public repo · Work in progress

Wayframe

Wayframe · my map
Pier at duskLima · 2009
Camera
Canon IXUS 70
Shutter
1/250 s
Aperture
f/4.0
ISO
100
Story · Five old cameras, one red string
Camera, shutter speed, aperture and ISO, read from each file
  • Private
  • Friends
  • Public
  • Posters to print
A map drawn from bundled data · no map service
PlatformWeb
LanguageTypeScript
StatusIn progress
SourceOpen source
What it is

Pin your photos to the world.

Sample · pin a photo
IMG_0412.JPG
Camera
Canon IXUS 70
Taken
14 Aug 2009, 18:42
Exposure
1/250 s · f/4.0 · ISO 100
Place
Not saved

The camera never knew where it was. Click the map to tell it.

Or try
Built withTypeScriptLeafletexifr
4Details read per photo
3Who can see it
0Map services behind it
The problem

Point-and-shoots and old digicams save the date and settings in every photo, but rarely the place. The pictures end up scattered in folders.

The app

Wayframe hangs your photos on a world map, right where they were taken. Join them with a red string into a story, play it back stop by stop, and share it with friends or the world. Created by Adam Osman; I build it with him.

My part

The terrain map style, with shaded relief and sea depth from bundled images and no outside map services. Panning all the way around the globe, click-to-zoom on countries, the new header, and the bottom Add photos bar with the stories panel.

How it works
  1. 01
    Read

    The camera, shutter speed, aperture and ISO, from each file

    exifr
  2. 02
    Pin

    Each photo hangs on the map like a polaroid, where it was taken

    Leaflet
  3. 03
    String

    A red string joins pins into a story you can play back

    TypeScript
  4. 04
    Share

    Private, Friends or Public for every photo and story

    Supabase
Stack
Stories
TypeScriptLeaflet
Map
Vitethree.js
Photo cards
exifr
Sharing
Supabase
Key features
  • Photos pinned like polaroids, joined by a red string into stories you can play back
  • A map drawn from bundled data, with no map service behind it
  • Photo cards with the camera, shutter speed, aperture and ISO read from each file
  • Private, Friends or Public for every photo and story, plus printable posters
The hard part

A world map that wraps around.

Panning all the way around the globe means countries, states, counties, labels, photos and the red string all repeat past the date line.