Skip to content

Instantly share code, notes, and snippets.

View bsudekum's full-sized avatar
👋

Bobby Sudekum bsudekum

👋
View GitHub Profile
@bsudekum
bsudekum / _.md
Created March 15, 2013 20:41
Tributary inlet
<!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; right:0; width:50%; }
#retinaMap { position:absolute; top:0; bottom:0; left:0; width:50%; }
#screen-quality {
@bsudekum
bsudekum / index.html
Last active December 16, 2015 03:48 — forked from dhcole/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
<style>
body {
margin: 0;
}
<!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>
@bsudekum
bsudekum / index.html
Last active December 16, 2015 08:49
Source Code for Vector- Tile Sandwich
<!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>
@bsudekum
bsudekum / index.html
Last active November 19, 2018 06:33
Neighborhood Map with Combined Raster and Vector Data
<!--Example for: http://mapbox.com//blog/vector-tile-sandwich/-->
<!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' />
@bsudekum
bsudekum / index.html
Created April 25, 2013 22:10
Craigslist Tiles
<!DOCTYPE html>
<html>
<head>
<title>Craigslist Tiles</title>
<meta charset='utf-8' />
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.0.1/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.0.1/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
if (contacts[i].phoneNumbers != null && contacts[i].phoneNumbers != 'undefined') {
for (var j=0; j<contacts[i].phoneNumbers.length; j++) {
console.log('success: ' + contacts[i].phoneNumbers[j].value)
}
}
@bsudekum
bsudekum / index.html
Last active December 17, 2015 10:59
Rendering OSM Vector tiles with MapBox.js. This needs to be improved, big time.
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0"/>
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.ie.css' rel='stylesheet' >
<![endif]-->
<script src="tilejson.js"></script>