-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.html
73 lines (62 loc) · 1.99 KB
/
map.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>WoD</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script>
<script src='data_join_country.geojson'></script>
<script src="jquery-2.1.1.min.js"></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/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'></div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoibmV3YW1lcmljYSIsImEiOiIyM3ZnYUtrIn0.57fFgg_iM7S1wLH2GQC71g';
var map = L.mapbox.map('map', 'newamerica.l89jcfpc');
function onEachFeature(feature, layer) {
var popupContent = "";
if (feature.properties) {
popupContent += "<span style=\"color:#000;\" ><strong>Name:</strong> " + feature.properties.NAME +
"<br/><strong>Description:</strong> " + feature.properties.woddata2122_desc;
}
layer.bindPopup(popupContent);
}
// $.getJSON("data_join_country.geojson", function(data){
L.control.layers({
'Has drones': L.geoJson(data, {
onEachFeature: onEachFeature,
filter:function (feature, layer) {
if(feature.properties.woddata2122_tier_i){
return feature.properties.woddata2122_tier_i == 1;
}
return false;
}
}).addTo(map),
'Has armed drones': L.geoJson(data, {
onEachFeature: onEachFeature,
filter:function (feature, layer) {
if(feature.properties.woddata2122_tier_ii){
return feature.properties.woddata2122_tier_ii == 1;
}
return false;
}
}),
'Used drones in combat': L.geoJson(data, {
onEachFeature: onEachFeature,
filter:function (feature, layer) {
if(feature.properties.woddata2122_tier_ii_plus){
return feature.properties.woddata2122_tier_ii_plus == 1;
}
return false;
}
})
},null,{collapsed:false}).addTo(map);
//});
</script>
</body>
</html>