Skip to content

Instantly share code, notes, and snippets.

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
Last active December 21, 2015 15:18 — forked from e-n-f/index.html
<!DOCTYPE html>
<html>
<head>
<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.3.1/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' >
<![endif]-->
<style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.0.0/mapbox.css' rel='stylesheet' />
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.0.0/mapbox.js'></script>
<script src='nycneighborhoods.js'></script>
@lxbarth
lxbarth / index.html
Last active December 16, 2015 05:59 — forked from jfirebaugh/index.html
<!DOCTYPE html>
<html>
<head>
<title>New York City Neighborhoods</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
@lxbarth
lxbarth / index.html
Last active December 16, 2015 05:59 — forked from jfirebaugh/index.html
<!DOCTYPE html>
<html>
<head>
<title>New York City Neighborhoods</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>

Registration is open for State of the Map

Registration is now open for the annual US OpenStreetMap conference in San Francisco June 8 & 9. State of the Map US brings two full days of sessions on how OpenStreetMap is being used in the private sector, education, government, and international development, what tools and business models are being built on it, how people are bringing in new users to contribute to the map, and the overall vision of advancing open geodata.

Register today to get the early bird rate of just $75, which is only available for a limited time. We're also offering a one year OpenStreetMap US chapter members for just $10 - a 50% discount - for people attending State of the Map.

Submit a session

January 28 Virtual Mappy Hour: Community Server Resources

Are you in need for access to a larger server to process big OpenStreetMap data? Are you looking for a quick way to work with OpenStreetMap data without setting up your own database? Do you have a particular data processing question? Join us for next week's Virtual Mappy Hour where Ian Dees will do an introduction to community server resources provided by the OpenStreetMap US chapter.

OpenStreetMap US provides a series of server resources to the OpenStreetMap community free of charge. You can use these servers for jobs that are too large or too long running for your local machine and for cooperating with other community members.

You can see a full list of our servers on our Wiki. These servers offer the following:

  • Full, hourly updated copy of the OpenStreetMap rendering database
  • Latest Mapnik installed and the ability to render and cache arbitrary tile sets
@lxbarth
lxbarth / gist:4188941
Created December 2, 2012 14:20 — forked from brunosan/gist:4178894
Ayacucho **minor** language edits

layout: blog category: blog published: true title: "Mapas Dinámicos Rápidos con OpenStreetMap, MapBox.js y Google Spreadsheets" subtitle: "In time for Desarrollando América Latina: an example of quickly building a geo application with MapBox Streets, MapBox.js and Google Spreadsheets" permalink: /blog/aplicacion-mapas-rapido image: http://farm9.staticflickr.com/8210/8224404737_523aca1954_o.jpg tags:

  • Ruben Lopez Mendoza
@lxbarth
lxbarth / gist:4178351
Created November 30, 2012 20:25 — forked from tristen/gist:4172652

layout: blog category: blog published: true title: "Mapas Dinámicos Rápidos con OpenStreetMap, MapBox.js y Google Spreadsheets" subtitle: "In time for Desarrollando América Latina: an example of quickly building a geo application with MapBox Streets, MapBox.js and Google Spreadsheets" permalink: /blog/aplicacion-mapas-rapido image: http://farm9.staticflickr.com/8210/8224404737_523aca1954_o.jpg tags:

  • Ruben Lopez Mendoza