-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathview_mapbox.html
36 lines (32 loc) · 994 Bytes
/
view_mapbox.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
.map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map_geo' class='map'> </div>
<script>
// http://lyzidiamond.com/posts/external-geojson-mapbox
//var geojson = [];
//var myLayer = L.mapbox.featureLayer().setGeoJSON(geojson).addTo(mapGeo);
L.mapbox.accessToken = '';
#pk.eyJ1IjoiZG1jY3VlIiwiYSI6ImNpdzZ1c3ByMzAwNmwydG1rbHNvNmttZHoifQ.xnAZSt6jdESHYfmS4sD5CA
var mapGeo = L.mapbox.map('map_geo', 'mapbox.light')
.setView([54.5973, -5.9301], 9);
var myLayer = L.mapbox.featureLayer()
.loadURL('mydata.geojson')
.on('ready', function() {
mapGeo.fitBounds(myLayer.getBounds());
})
.addTo(mapGeo);
mapGeo.scrollWheelZoom.disable();
</script>
</body>
</html>