Alex Barth lxbarth

Mapeando mi vecindad

Luis, Edith haremos una pausa en trazado de los Edificios en San Francisco. Esta pausa es para que ustedes puedan hacer algo diferente, pueden trabajar en sus vecindades o los lugares donde viven, será divertido para ustedes trabajar en los lugares donde más conocen, y que disfruten mapeando.

Ejemplo:

Luis: puede trabajar en Santa Anita - Lima. http://www.openstreetmap.org/relation/1944832#map=15/-12.0476/-76.9704
Edith: Puede trabajar en Ayacucho o Andahuaylas. http://www.openstreetmap.org/#map=16/-13.1620/-74.2216

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:

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.

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.

Photo credits

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Attribution</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.2/mapbox.js'></script>
	<script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Attribution</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.3/mapbox.js'></script>
	<script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.3/mapbox.css' rel='stylesheet' />

	## Average tile number on a map

	Use with calca.

	mapx = 630
	mapy = 437

	tilex = 256
	tiley = 256

	<!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' />

	<!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' />

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<link href='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />
	<script src='http://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
	<style>
	body {padding: 0; margin: 0;}
	#map { position:absolute; top:0; bottom:0; width:100%; }
	.mapbox-maplogo {