Skip to content

Instantly share code, notes, and snippets.

View yhahn's full-sized avatar

Young Hahn yhahn

345 followers · 25 following
View GitHub Profile
@yhahn
yhahn / index.html
Created February 4, 2013 20:01
Enable/disable map handlers
<!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%; }
.buttons {
position:absolute;
@yhahn
yhahn / index.html
Last active December 12, 2015 03:48
Enable/disable map handlers
<!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%; }
.buttons {
position:absolute;
@yhahn
yhahn / index.html
Created February 3, 2013 18:39
custom markers + custom tooltips
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'/>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src='http://underscorejs.org/underscore-min.js'></script>
<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' />
@yhahn
yhahn / index.html
Created January 23, 2013 20:44
<!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>
@yhahn
yhahn / example.md
Created January 23, 2013 15:33
Markdown example

Here is an example of Markdown text. This is a paragraph, you can emphasize text and do other basic formatting. Use headings and lists to make your writing skimmable and create structure. For example:

Pros of Markdown

  • Easy to write and read in plain text form
  • Converted to HTML automatically by GitHub, other software
  • Reasonable convention to use anywhere, e.g. email

Cons of Markdown

@yhahn
yhahn / index.html
Created January 23, 2013 03:33
Mousewheel offset + fixed position
<!DOCTYPE html>
<html>
<head>
<script src='https://raw.github.com/modestmaps/modestmaps-js/master/modestmaps.min.js'></script>
<style>
body { margin:0; padding:0; height:2000px; }
#map { position:fixed !important; top:0; width:500px; height:300px; }
</style>
</head>
<body>
@yhahn
yhahn / index.html
Created January 18, 2013 16:20
Leaflet with leaflet.css
<!doctype html>
<html>
<head>
<link rel='stylesheet' href='http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css' />
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/l/leaflet.js' type='text/javascript'></script>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/wax.leaf.min.js' type='text/javascript'></script>
<style>
body { margin:0; padding:0; font-size:10px; }
#leaflet-map { position:absolute; top:0px; bottom:0px; width:100%; }
</style>
@yhahn
yhahn / index.html
Created January 18, 2013 16:20
Leaflet without leaflet.css
<!doctype html>
<html>
<head>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/l/leaflet.js' type='text/javascript'></script>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/wax.leaf.min.js' type='text/javascript'></script>
<style>
body { margin:0; padding:0; font-size:10px; }
#leaflet-map { position:absolute; top:0px; bottom:0px; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 19, 2012 16:37
Centering markers with mapbox.map
<!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>
@yhahn
yhahn / index.html
Created December 12, 2012 23:10
YouTube embed in marker
<!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:0px; bottom:0px; width:100%; }
</style>
</head>