Skip to content

Instantly share code, notes, and snippets.

@lxbarth
lxbarth / maplist.geojson
Created February 20, 2014 13:11
A MapList
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Video on Hangouts with Mavericks + MacBook Air

If you're on a MacBook Air and MacOSX Mavericks and your camera isn't working in Google Hangout in Chrome, follow these steps:

  1. Start the Google Hangout
  2. Copy the Hangout URL (like https://plus.google.com/hangouts/_/76cpia68o720p8p0lodjtmvcfo?hl=en)
  3. Kill Chrome
  4. Start Facetime
  5. Start Chrome
  6. Start the Hangout again by navigating to the URL from (2) You have video now
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A Simple Map</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.css' rel='stylesheet' />

Mapping Monsters

This is just a demo to show how forking works. Done!

Replete with monsters and robots, our new video shows how social maps are - and are inside every app. I hashed out a storyboard - visually representing the points we aimed to highlight took some trial and error, so everything started on paper - specifically notecards on which we had quickly drawn the ideas for each individual shot.

notecards

I arranged shots into cohesive scenes that flowed from one to another. after locking down the story, I got to start doing my favorite part of an animated project: everything.

@lxbarth
lxbarth / index.html
Created March 12, 2014 14:30
Mapbox Satellite ZL0-13
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A Simple Map</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
<script src='http://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />
@lxbarth
lxbarth / index.html
Created March 12, 2014 20:22
Mapbox Satellite ZL0-12
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A Simple Map</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
<script src='http://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />

Editing addresses in JOSM

202 pictures worth of addresses from 6 SF city blocks. Snap pictures with iPhone, drag and drop them into JOSM.

Drag and drop addresses into JOSM for mapping:

There are a lot of addresses on just a couple of city blocks. These are 203 pictures from 6 city blocks. It took me 30 minutes to collect them:

## Average tile number on a map
Use with calca.
mapx = 630
mapy = 437
tilex = 256
tiley = 256