Skip to content

Instantly share code, notes, and snippets.

@mwoodbri

mwoodbri/index.html

Forked from anonymous/index.html
Last active December 21, 2015 00:29
Show Gist options
  • Save mwoodbri/6220503 to your computer and use it in GitHub Desktop.
Save mwoodbri/6220503 to your computer and use it in GitHub Desktop.
Download ZIP
MRIdb downloads
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
.marker-properties {
border-collapse:collapse;
font-size:11px;
border:1px solid #eee;
margin:0;
}
.marker-properties th {
white-space:nowrap;
border:1px solid #eee;
padding:5px 10px;
}
.marker-properties td {
border:1px solid #eee;
padding:5px 10px;
}
.marker-properties tr:last-child td,
.marker-properties tr:last-child th {
border-bottom:none;
}
.marker-properties tr:nth-child(even) th,
.marker-properties tr:nth-child(even) td {
background-color:#f7f7f7;
}
</style>
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' >
<![endif]-->
</head>
<body>
<div id='map'></div>
<script type='text/javascript'>
var map = L.mapbox.map('map');
L.mapbox.tileLayer('tmcw.map-ajwqaq7t', {
retinaVersion: 'tmcw.map-u8vb5w83',
detectRetina: true
}).addTo(map);
map.attributionControl.addAttribution('<a href="http://geojson.io/">geojson.io</a>');
$.getJSON('map.geojson', function(geojson) {
var geojsonLayer = L.geoJson(geojson).addTo(map);
map.fitBounds(geojsonLayer.getBounds());
geojsonLayer.eachLayer(function(l) {
showProperties(l);
});
});
function showProperties(l) {
var properties = l.toGeoJSON().properties, table = '';
for (var key in properties) {
table += '<tr><th>' + key + '</th>' +
'<td>' + properties[key] + '</td></tr>';
}
if (table) l.bindPopup('<table class="marker-properties display">' + table + '</table>');
}
</script>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
map.geojson
{"type": "FeatureCollection", "features": [
{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [76.4500,33.0333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.0528,51.4510]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.0931,51.5142]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.1300,51.5000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.1577,51.4587]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.3054,51.5159]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.4877,38.3462]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-0.8817,41.6453]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [100.0000,60.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [10.0000,53.5500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-100.3167,25.6667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [10.2223,53.6599]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [10.2500,45.5500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [103.8000,1.3667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [104.0667,30.6667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [105.8500,21.0333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [106.8294,-6.1744]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-110.9500,32.2338]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [112.7508,-7.2492]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-115.2660,36.1979]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [11.5868,50.9326]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-117.0167,32.5333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [117.2808,31.8639]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-118.2987,33.7866]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-118.3721,33.8743]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [11.8833,45.4167]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-119.3623,36.1815]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [121.3997,31.0456]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [121.5250,25.0392]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-122.0838,37.3860]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-122.1720,37.4178]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [12.5833,55.6667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [126.9800,37.5700]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [12.8333,42.8333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [13.1800,32.8925]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [13.4000,52.5167]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [139.6900,35.6900]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [14.4667,50.0833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [14.5939,53.4395]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [149.0466,-35.2407]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [149.1344,-35.2760]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [15.0000,62.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-157.8057,21.3136]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-1.5833,53.8000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [16.5648,49.2814]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [16.6333,49.2000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [18.0500,59.3333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [19.0894,52.5931]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [19.8842,44.2708]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [19.9167,50.0833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [2.1741,41.3984]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [22.0000,39.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [22.5667,51.2500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-2.3000,53.4167]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [2.3500,48.8600]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [23.7333,37.9833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [25.0000,43.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [25.0000,57.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [25.3167,54.6833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-2.5833,51.4500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [28.1667,43.4167]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [28.9647,41.0186]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [30.0000,27.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [32.0000,49.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [32.4846,37.8714]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [32.8403,39.9117]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [32.9932,39.8772]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [35.0000,39.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-3.6555,37.2301]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-3.7604,40.3269]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [37.6156,55.7522]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-38.5167,-12.9833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [39.1843,51.6720]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-4.0000,40.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-46.3833,-23.9667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-46.6658,-23.4733]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [4.8833,45.7667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [5.3761,43.2854]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-55.0000,-10.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [5.5667,50.6333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [5.6833,50.8500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-58.5201,-34.5309]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-58.6725,-34.5875]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [5.9265,45.5646]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-59.5081,-33.8110]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-5.9761,37.3824]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [6.0182,47.2488]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-64.0000,-34.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-66.0000,8.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-66.5000,18.2500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-69.9000,18.4667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [7.0057,43.6413]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-70.6667,-33.4500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-72.0000,4.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-73.5804,45.5078]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-73.5833,45.5000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-74.0628,4.6492]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-75.5636,6.2518]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-76.5967,39.3288]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [76.6667,29.8500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [77.0000,20.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-77.0500,-12.0500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [77.2000,28.6000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [7.9333,48.4833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-79.3952,43.6497]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-79.9000,-2.1667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [79.9167,13.1500]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-8.0000,39.5000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [80.2833,13.0833]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-81.2609,42.9799]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [8.1667,47.9000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [8.1667,52.2333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [82.9346,55.0415]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-8.4068,43.3666]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-84.5075,38.0287]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-86.2683,12.1508]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-86.7844,36.1659]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [8.6833,50.1167]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-86.9292,33.5446]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-87.9065,43.0389]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-88.0333,15.5000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-88.3330,42.8886]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [9.0000,51.0000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [9.1833,48.7667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-93.0933,44.9444]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [9.5833,53.5000]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-96.3217,30.6131]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [9.6833,53.5333]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [9.7167,52.3667]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-97.2120,29.9742]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-97.6119,39.4938]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-97.7687,30.2414]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-99.1300,19.4300]}}
,{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [-99.1386,19.4342]}}
]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment