Skip to content

Instantly share code, notes, and snippets.

@miccferr
miccferr / a
Created October 21, 2014 14:28
{
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[174.78082803601865, -41.27516699030196],
[174.781257189461, -41.28445520261752],
[174.7905269038165, -41.279424251698174],
@miccferr
miccferr / index.html
Created January 27, 2015 12:20
maptimeMI LeafletJS tutorial, Step1 - Boilerplate code
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Last active August 29, 2015 14:14
maptimeMI LeafletJS tutorial, Step2 - Simple map
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Created January 27, 2015 12:24
maptimeMI LeafletJS tutorial, Step3 - Simple map with marker
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Last active August 29, 2015 14:14
maptimeMI LeafletJS tutorial, Step4 - Simple map with styled marker
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Created January 27, 2015 12:40
maptimeMI LeafletJS tutorial, Step5 - Simple map with JSON
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Created January 27, 2015 12:44
maptimeMI LeafletJS tutorial, Step6 - Simple map with styled JSON
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Created January 27, 2015 12:45
maptimeMI LeafletJS tutorial, Step7 - Simple map with styled JSON and Layers Control
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
@miccferr
miccferr / index.html
Last active August 29, 2015 14:14
maptimeMI LeafletJS tutorial, Step8 - Simple map with styled JSON, Layers Control, and MarkerClusterer Plugin
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<style type="text/css" media="screen">
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
{"objects":{"vectile":{"type":"GeometryCollection","geometries":[]}},"type":"Topology","transform":{"translate":[-76.64062500000001,38.27268853598095],"scale":[0.0006866455078125139,0.0005370141017540866]},"arcs":[]}