Skip to content
Snippets Groups Projects
Commit 1d9ae6de authored by Jakob Severin Steffensen Hjelseth's avatar Jakob Severin Steffensen Hjelseth
Browse files

Lage geojson-filer

parent bc64a8da
No related branches found
No related tags found
2 merge requests!20Resolve "Lage sidebar for kartlagene",!17Resolve "Lage sidebar for kartlagene"
Hide whitespace changes
Inline Side-by-side
index.html
+ 3
− 1
View file @ 1d9ae6de
......@@ -58,7 +58,7 @@
</div>
</div>
<div id="layers" style="margin-left: 10px; font-size: 18px; height: 50vh;">
<div id="layers" style="font-family: monospace; margin-left: 10px; font-size: 18px; height: 50vh;">
</div>
</div>
......@@ -156,6 +156,8 @@
<script src="javascript/openFileExplorer.js"></script>
<script src="javascript/fileHandler.js"></script>
<script src="javascript/geoJSON.js"></script>
<script src="/js/leaflet-0.7.2/leaflet.ajax.min.js"></script>
<script src="javascript/leafletLayerControl.js"></script>
......
javascript/exampleData/TrainingCenters.geojson 0 → 100644
+ 33
− 0
View file @ 1d9ae6de
{
"type": "FeatureCollection",
"name": "Training centers",
"features": [
{
"type": "Feature",
"properties": {"name": "SIT Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403855, 63.421078],
[10.404845, 63.421427],
[10.40556, 63.421042],
[10.404572, 63.420705],
[10.403855, 63.421078]
]]
}
}, {
"type": "Feature",
"properties": {"name": "SIT Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.474145, 63.407263],
[10.475657, 63.407148],
[10.475491, 63.406157],
[10.473766, 63.406265],
[10.474145, 63.407263]
]]
}
}
]
}
\ No newline at end of file
javascript/exampleData/Universities.geojson 0 → 100644
+ 33
− 0
View file @ 1d9ae6de
{
"type": "FeatureCollection",
"name": "Universities",
"features": [
{
"type": "Feature",
"properties": {"name": "Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403787, 63.420031],
[10.410954, 63.414691],
[10.404863, 63.414188],
[10.398170, 63.418901],
[10.403787, 63.420031]
]]
}
}, {
"type": "Feature",
"properties": {"name": "Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.467217, 63.409471],
[10.471829, 63.408921],
[10.47094, 63.406668],
[10.466968 , 63.407128],
[10.467217, 63.409471]
]]
}
}
]
}
\ No newline at end of file
javascript/geoJSON.js
+ 80
− 56
View file @ 1d9ae6de
var rectangle1 = [{
"type": "Feature",
"properties": {"name": "Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403787, 63.420031],
[10.410954, 63.414691],
[10.404863, 63.414188],
[10.398170, 63.418901],
[10.403787, 63.420031]
]]
}
}, {
"type": "Feature",
"properties": {"name": "Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.467217, 63.409471],
[10.471829, 63.408921],
[10.47094, 63.406668],
[10.466968 , 63.407128],
[10.467217, 63.409471]
]]
}
}];
var rectangle1 = {
"type": "FeatureCollection",
"name": "Universities",
"features": [
{
"type": "Feature",
"properties": {"name": "Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403787, 63.420031],
[10.410954, 63.414691],
[10.404863, 63.414188],
[10.398170, 63.418901],
[10.403787, 63.420031]
]]
}
}, {
"type": "Feature",
"properties": {"name": "Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.467217, 63.409471],
[10.471829, 63.408921],
[10.47094, 63.406668],
[10.466968 , 63.407128],
[10.467217, 63.409471]
]]
}
}
]
};
var rectangle2 = [{
"type": "Feature",
"properties": {"name": "SIT Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403855, 63.421078],
[10.404845, 63.421427],
[10.40556, 63.421042],
[10.404572, 63.420705],
[10.403855, 63.421078]
]]
}
}, {
"type": "Feature",
"properties": {"name": "SIT Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.474145, 63.407263],
[10.475657, 63.407148],
[10.475491, 63.406157],
[10.473766, 63.406265],
[10.474145, 63.407263]
]]
}
}];
var rectangle2 = {
"type": "FeatureCollection",
"name": "Training centers",
"features": [
{
"type": "Feature",
"properties": {"name": "SIT Gløshaugen"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.403855, 63.421078],
[10.404845, 63.421427],
[10.40556, 63.421042],
[10.404572, 63.420705],
[10.403855, 63.421078]
]]
}
}, {
"type": "Feature",
"properties": {"name": "SIT Dragvoll"},
"geometry": {
"type": "Polygon",
"coordinates": [[
[10.474145, 63.407263],
[10.475657, 63.407148],
[10.475491, 63.406157],
[10.473766, 63.406265],
[10.474145, 63.407263]
]]
}
}
]
};
var layer1 = L.geoJSON().addTo(map);
var layer2 = L.geoJSON().addTo(map);
layer1.addData(rectangle1);
layer2.addData(rectangle2);
fetch("javascript/exampleData/Universities.geojson").then(function(response) {
return response.json();
}).then(function(data) {
layer1.addData(data);
})
fetch("javascript/exampleData/TrainingCenters.geojson").then(function(response) {
return response.json();
}).then(function(data) {
layer2.addData(data);
})
//layer1.addData(rectangle1);
//layer2.addData(rectangle2);
document.getElementById("layers").innerHTML += "Universities" + "<br>";
document.getElementById("layers").innerHTML += "Training centers";
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment