Skip to content

Instantly share code, notes, and snippets.

@abresler

abresler/index.html

Created June 9, 2013 20:27
Show Gist options
  • Save abresler/5745077 to your computer and use it in GitHub Desktop.
Save abresler/5745077 to your computer and use it in GitHub Desktop.
Download ZIP
Map Yo
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<link rel='stylesheet' href='http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css'>
<script src='http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js' type='text/javascript'></script>
<script src='https://rawgithub.com/leaflet-extras/leaflet-providers/gh-pages/leaflet-providers.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div id='chart3f29608eaf7f' class='rChart leaflet'></div>
<script>
var spec = {
"dom": "chart3f29608eaf7f",
"width": 800,
"height": 400,
"urlTemplate": "http://{s}.tile.osm.org/{z}/{x}/{y}.png",
"layerOpts": {
"attribution": "Map data<a href=\"http://openstreetmap.org\">OpenStreetMap</a>\n contributors, Imagery<a href=\"http://mapbox.com\">MapBox</a>"
},
"center": [ 51.505, -0.09 ],
"zoom": 13,
"id": "chart3f29608eaf7f"
}
var map = L.map(spec.dom)
.setView(spec.center, spec.zoom);
if (spec.provider){
L.tileLayer.provider(spec.provider).addTo(map)
} else {
L.tileLayer(spec.urlTemplate, spec.layerOpts).addTo(map)
}
L
.marker([
51.5,
-0.09
])
.addTo( map )
.bindPopup("<p> Hi. I am a popup </p>")
L
.marker([
51.495,
-0.083
])
.addTo( map )
.bindPopup("<p> Hi. I am another popup </p>")
if (spec.circle2){
for (var c in spec.circle2){
var circle = L.circle(c.center, c.radius, c.opts)
.addTo(map);
}
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment