diff --git a/serveralternative.js b/serveralternative.js index 271abdefa095340c215fcaed6aa904cb30648e10..76658d882750c87fb209a0772feb9dab3dd78029 100644 --- a/serveralternative.js +++ b/serveralternative.js @@ -14,34 +14,167 @@ console.log("on 8080"); +var IDGeojson = 100000 + +app.post('/newBallon', function(req,res){ + + try { + + const data = req.body; + console.log("data ==============") + console.log(data.id); + args.gmlid = data.id + console.log(data[0]); + console.log(data[1]); + console.log("args ==============") + console.log(args); + //asdf + const returnedTarget = Object.assign(args.ui,data); + args.ui = data; + args.gmlid = data.id; + console.log("returned ==============") + console.log(returnedTarget) + console.log("args ==============") + console.log(args); + + getCurrentFilenames(); + writeGeojsonFile(); + writeConfigFile(); + + } + catch (err) { + console.log('.../getSimS failed!\n' + err); + } +}); + +// List all the filenames before renaming + + + +function getCurrentFilenames() { + console.log("Current filenames:"); + fs.readdirSync(__dirname + '/vcm/templates').forEach(file => { + if (file.includes('.geojson')){ + var tempid = file.replace('.geojson','') + + // console.log(tempid) + if (isNaN(tempid) == false){ + var tempid = parseInt(tempid, 10); + if (tempid >= IDGeojson){ + IDGeojson = tempid + console.log("this one - " + IDGeojson) + } + } else { + console.log("not this one - " + tempid) + } + } + // console.log(file); + }); + IDGeojson += 1 +} + +function writeGeojsonFile() { + var geojsontemplate = ' {' + + ' "type": "FeatureCollection",' + + ' "name": "data_point",' + + '"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },' + + ' "features": [' + + ' { "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.195387, 48.835579 ] } }' + + ' ]' + + ' }' + console.log(geojsontemplate); +try { + console.log(geojsontemplate); + fs.writeFile(__dirname + "/vcm/templates/" + IDGeojson + '.geojson', geojsontemplate, function (err) { + if (err) throw err; + console.log('Saved!'); +}); +} catch (err) { + console.error(err); +} +} + +function writeConfigFile(){ // name of the file -var filename = 'vcm/config.json'; +var filename = 'vcm/configcopy.json'; var contentSync = fs.readFileSync(filename); console.log('Content of the file : ' + contentSync); console.log(contentSync.includes('"balloonTypes":')); -// var newtext = contentSync.replace("balloonTypes","this is a test") - - - -// "balloonTypes": [ -// {adfafas -// "template": [ -// "<div class='balloon' id='myBalloon'>", -// " <h1 class='balloon-title'><%= obj.title %></h1>", -// " <div class='balloon-content'>", -// " <%= obj.description %>", -// " </div>", -// " <div class='balloon-close-col'>", -// " <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", -// " </div>", -// " <div class='dialog-image-balloon'></div>", -// " <div class='balloon-left-edge'></div>", -// "</div>" -// ], -// "minTop": "balloonHeight + 70", -// "minLeft": "70", -// "layerNames": [], -// "layerTypes": [ -// "vcs.vcm.layer.Vector" -// ] -// }, \ No newline at end of file +var newtext = contentSync.toString().replace('"layers": [','"layers": [' + + '{' + + '"name": "'+ IDGeojson +'",' + + '"url": "./templates/'+IDGeojson+'.geojson",' + + '"type": "vcs.vcm.layer.GeoJSON",' + + '"datasourceId": "...",'+ + '"activeOnStartup": true,'+ + '"exclusive": false,' + + '"projection": {' + + ' "epsg": "4326",' + + ' "proj4": ""' + + '},' + + '"altitudeMode": "relativeToGround",' + + '"style": {' + + ' "image": {' + + ' "icon": {' + + ' "src": "./templates/test.png",' + + ' "scale": 0.5' + + ' }' + + ' }' + + '},' + + '"heightAboveGround": 0' + + '},') +var ballonText = "\"balloonTypes\": [" + +"{" + + "\"template\": [" + + "\"<div class='balloon' onclick='' id='myBalloon'>\"," + + "\" <h1 class='balloon-title'>Test</h1>\"," + + "\" <div class='balloon-content' style='height:290px; margin-right: 0px;'\"," + + "\" </div>\"," + + "\"<p class='balloon-text'><span>Das hier ist ein Test Ballon. Er wurde von einem User erstellt.</span><br></p>\"," + + // "\"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg' alt='Simply Easy Learning' width='375'>\"," + + "\"</div>\"," + + "\"<% %>\"" + + // "\"<% openquestionaire() %>\"" + + "]," + + "\"minTop\": \"balloonHeight + 10\"," + + "\"minLeft\": \"70\"," + + "\"layerTypes\": [" + + "\"\""+ + "],"+ + "\"layerNames\": [" + + "\""+ IDGeojson +"\"" + + "]" + +"}," + +var newtext = newtext.toString().replace("\"balloonTypes\": [", ballonText) + + + console.log(newtext); +fs.writeFile(filename, newtext, 'utf8', function (err) { + if (err) return console.log(err); +}); +} + +function writeBallon() { + var ballonText = "{" + + "\"template\": [" + + "\"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>\"," + + "\" <h1 class='balloon-title'>Station 3</h1>\"," + + "\" <div class='balloon-content' style='height:290px; margin-right: 0px;'\"," + + "\" </div>\"," + + "\"<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>\"," + + "\"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg' alt='Simply Easy Learning' width='375'>\"," + + "\"</div>\"," + + "\"<% %>\"," + + "\"<% openquestionaire() %>\"" + + "]," + + "\"minTop\": \"balloonHeight + 10\"," + + "\"minLeft\": \"70\"," + + "\"layerTypes\": [" + + "\"\""+ + "],"+ + "\"layerNames\": [" + + "\"LocationThree\"" + + "]" + + "}," +} \ No newline at end of file diff --git a/vcm/config.json b/vcm/config.json index f2ac8d0ddfed451800d83a9a40c952bcc78747a9..203ea27ca88574ac6494b507d54f9fa6e325e2d6 100644 --- a/vcm/config.json +++ b/vcm/config.json @@ -146,6 +146,18 @@ "type": "vcs.vcm.widgets.BalloonInfo", "name": "Balloon Info", "balloonTypes": [ + {"template": [ + "<div class='balloon' onclick='' id='myBalloon'>", + " <h1 class='balloon-title'>Test</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Er wurde von einem User erstellt.</span><br></p>", + "</div>","<% %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [""], + "layerNames": ["100002"] + }, { "template": [ "<div class='balloon' id='myBalloon'>", @@ -842,6 +854,21 @@ } ], "layers": [ + {"name": "100002", + "url": "./templates/100002.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { "epsg": "4326", "proj4": ""},"altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/lightning.png", + "scale": 0.5 + } + }}, + "heightAboveGround": 0}, { "name": "Böckingerstrasse", "url": "./datasource-data/f02945f6-7978-4abc-940b-4c47af169b12/tileset.json", diff --git a/vcm/configcopy.json b/vcm/configcopy.json new file mode 100644 index 0000000000000000000000000000000000000000..41703d46f68b4830b26bee837f37b7d1dc0cd569 --- /dev/null +++ b/vcm/configcopy.json @@ -0,0 +1,1266 @@ +{ + "mapcontainer": "vcs_map_container", + "locale": "en", + "availableLocales": [ + "de", + "en" + ], + "startViewPoint": "startview", + "projection": { + "epsg": 31463, + "proj4": "+proj=tmerc +lat_0=0 +lon_0=9 +k=1 +x_0=3500000 +y_0=0 +ellps=bessel +datum=potsdam +units=m +no_defs" + }, + "ui": { + "startRoute": null, + "content": { + "show": true, + "iframe": { + "contentPosition": "center", + "contentPositionFixed": false, + "show": true + }, + "legend": { + "contentPosition": "left", + "contentPositionFixed": false, + "show": true + } + }, + "search": { + "activeOnStartup": false + }, + "toolbox": { + "show": true, + "homeButton": { + "show": true + }, + "mapButtons": { + "show": true + }, + "widgetButtons": { + "show": true + }, + "overviewMap": { + "show": true + } + }, + "metaLinks": { + "links": [ + { + "url": { + "de": "templates/de/impressum.html", + "en": "templates/en/impressum.html" + }, + "title": { + "de": "Impressum", + "en": "Imprint" + }, + "target": "iframe" + }, + { + "url": { + "de": "templates/de/datenschutzhinweise.html", + "en": "templates/en/datenschutzhinweise.html" + }, + "title": { + "de": "Datenschutz", + "en": "Privacy" + }, + "target": "iframe" + } + ] + }, + "mapControls": { + "show": true, + "Navigation": { + "show": true + }, + "Shadow": { + "show": true + } + }, + "footer": { + "logoBox": { + "show": true, + "text": null + }, + "show": true + }, + "header": { + "headerButtons": { + "show": true, + "help": true + }, + "show": true, + "logoBox": null, + "title": "M4_Lab Platform" + } + }, + "selectBehavior": { + "highlightStyle": { + "selectionset": { + "color": "rgb(63, 81, 181)" + }, + "currentItem": { + "color": "rgb(244, 67, 54)", + "pointStyle": { + "icon": { + "scale": 1, + "src": "{layerIcon}" + } + }, + "lineStyle": { + "color": "rgb(131, 245, 44)", + "width": 1.25 + }, + "polygonStyle": { + "fill": { + "color": "rgba(255, 255, 255, 0.4)" + }, + "stroke": { + "color": "rgb(131, 245, 44)", + "width": "1" + } + } + } + } + }, + "maps": [ + { + "name": "Cesium Map", + "startingmap": true, + "type": "vcs.vcm.maps.Cesium", + "webGLaa": false + }, + { + "name": "Openlayers Map", + "startingmap": false, + "type": "vcs.vcm.maps.Openlayers" + } + ], + "widgets": [ + { + "type": "vcs.vcm.widgets.AdvancedWalkMode", + "name": "Advanced walkmode" + }, + { + "type": "vcs.vcm.widgets.BalloonInfo", + "name": "Balloon Info", + "balloonTypes": [ + {"template": [ + "<div class='balloon' onclick='' id='myBalloon'>", + " <h1 class='balloon-title'>Test</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Er wurde von einem User erstellt.</span><br></p>", + "</div>","<% %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [""], + "layerNames": ["100003"] + }, + { + "template": [ + "<div class='balloon' id='myBalloon'>", + " <h1 class='balloon-title'><%= obj.title %></h1>", + " <div class='balloon-content'>", + " <%= obj.description %>", + " </div>", + " <div class='balloon-close-col'>", + " <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + " </div>", + " <div class='dialog-image-balloon'></div>", + " <div class='balloon-left-edge'></div>", + "</div>" + ], + "minTop": "balloonHeight + 70", + "minLeft": "70", + "layerNames": [], + "layerTypes": [ + "vcs.vcm.layer.Vector" + ] + }, + { + "template": [ + "<div class='balloon' id='myBalloon'>", + " <h1 class='balloon-title'><%= obj.name %></h1>", + " <div class='balloon-content'>", + " <%= obj.description %>", + " </div>", + " <div class='balloon-close-col'>", + " <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + " </div>", + " <div class='dialog-image-balloon'></div>", + " <div class='balloon-left-edge'></div>", + "</div>" + ], + "minTop": "balloonHeight + 70", + "minLeft": "70", + "layerNames": [], + "layerTypes": [ + "vcs.vcm.layer.cesium.Gltf" + ] + }, + { + "comment": "Default Balloon for Planning Vector Layers", + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "</div>", + "<div class='balloon-close-col'><button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div><div class='dialog-image-balloon'></div><div class='balloon-left-edge'></div></div>" + ], + "minTop": "balloonHeight + 70", + "minLeft": "70", + "layerNames": [], + "layerTypes": [ + "vcs.vcm.layer.FeatureStore" + ], + "allAvailable": false, + "properties": [], + "balloonHeader": "Balloon header" + }, + { + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "<% for (var key in obj) { %>", + "<% if (obj[key] instanceof Object){%>", + "<% for (var key2 in obj[key]) { %>", + "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>", + "<% } %>", + "<% } else{ %>", + "<p class='balloon-text'>", + "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>", + "</p>", + "<% } %>", + "<% } %>", + "</div>", + "<div class='balloon-close-col'>", + "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div>", + "<div class='dialog-image-balloon'></div>", + "<div class='balloon-left-edge'></div>", + "</div>" + ], + "layerTypes": [ + null + ], + "layerNames": [ + "Böckingerstrasse" + ], + "minTop": "balloonHeight + 30", + "minLeft": "70", + "allAvailable": true, + "properties": [], + "balloonHeader": "Balloon header" + }, + { + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "<% for (var key in obj) { %>", + "<% if (obj[key] instanceof Object){%>", + "<% for (var key2 in obj[key]) { %>", + "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>", + "<% } %>", + "<% } else{ %>", + "<p class='balloon-text'>", + "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>", + "</p>", + "<% } %>", + "<% } %>", + "</div>", + "<div class='balloon-close-col'>", + "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div>", + "<div class='dialog-image-balloon'></div>", + "<div class='balloon-left-edge'></div>", + "</div>" + ], + "layerTypes": [ + null + ], + "layerNames": [ + "Rosenstein" + ], + "minTop": "balloonHeight + 30", + "minLeft": "70", + "allAvailable": true, + "properties": [ + { + "title": "creationDate", + "name": "creationDate" + }, + { + "title": "gml:name", + "name": "gml:name" + } + ], + "balloonHeader": "Balloon header" + },{ + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "<% for (var key in obj) { %>", + "<% if (obj[key] instanceof Object){%>", + "<% for (var key2 in obj[key]) { %>", + "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>", + "<% } %>", + "<% } else{ %>", + "<p class='balloon-text'>", + "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>", + "</p>", + "<% } %>", + "<% } %>", + "</div>", + "<div class='balloon-close-col'>", + "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div>", + "<div class='dialog-image-balloon'></div>", + "<div class='balloon-left-edge'></div>", + "</div>" + ], + "layerTypes": [ + null + ], + "layerNames": [ + "StuttgartLocal" + ], + "minTop": "balloonHeight + 30", + "minLeft": "70", + "allAvailable": true, + "properties": [ + { + "title": "creationDate", + "name": "creationDate" + }, + { + "title": "gml:name", + "name": "gml:name" + } + ], + "balloonHeader": "Balloon header" + },{ + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "<% for (var key in obj) { %>", + "<% if (obj[key] instanceof Object){%>", + "<% for (var key2 in obj[key]) { %>", + "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>", + "<% } %>", + "<% } else{ %>", + "<p class='balloon-text'>", + "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>", + "</p>", + "<% } %>", + "<% } %>", + "</div>", + "<div class='balloon-close-col'>", + "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div>", + "<div class='dialog-image-balloon'></div>", + "<div class='balloon-left-edge'></div>", + "</div>" + ], + "layerTypes": [ + null + ], + "layerNames": [ + "StuttgartPart" + ], + "minTop": "balloonHeight + 30", + "minLeft": "70", + "allAvailable": true, + "properties": [ + { + "title": "creationDate", + "name": "creationDate" + }, + { + "title": "gml:name", + "name": "gml:name" + } + ], + "balloonHeader": "Balloon header" + }, + { + "template": [ + "<div class='balloon' id='myBalloon'>", + "<div class='balloon-content'>", + "<h1 class='balloon-title'>Balloon header</h1>", + "<% for (var key in obj) { %>", + "<% if (obj[key] instanceof Object){%>", + "<% for (var key2 in obj[key]) { %>", + "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>", + "<% } %>", + "<% } else{ %>", + "<p class='balloon-text'>", + "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>", + "</p>", + "<% } %>", + "<% } %>", + "</div>", + "<div class='balloon-close-col'>", + "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>", + "</div>", + "<div class='dialog-image-balloon'></div>", + "<div class='balloon-left-edge'></div>", + "</div>" + ], + "layerTypes": [ + null + ], + "layerNames": [ + "Stöckach" + ], + "minTop": "balloonHeight + 30", + "minLeft": "70", + "allAvailable": true, + "properties": [ + { + "title": "creationDate", + "name": "creationDate" + }, + { + "title": "gml:name", + "name": "gml:name" + } + ], + "balloonHeader": "Balloon header" + },{ + "template": [ + "<div class='balloon' onclick='Questionnaire()' id='myBalloonP1'>", + " <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>", + " <div class='balloon-content' style='height:250px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='Simply Easy Learning' width='375'>", + + "</div>", + "<% %>", + "<% openquestionaire() %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "Questionnaire" + ] + },{ + "template": [ + "<div class='balloon' style='width: 200px; background-color: #3C3C3C; color: #FFFFFF;' id='myBalloonNord'>", + " <button class='infobtn' onclick='NordbahnhofText()'></button>", + " <h1 class='balloon-title' style='color: #FFFFFF;'>Nordbahnhof Planungskonzept</h1>", + " <div class='balloon-content' style='margin-right: 0px;'", + " </div>", + "<div class='box-3'>", + "<div class='btn btn-three' onclick='newPlan()'>", + "<span>Neue Planung</span>", + "</div><br>", + "<div class='btn btn-three' onclick='oldZust()'>", + "<span>Ist Zustand</span>", + "</div><br></div>", + "<div class='box-3'>", + "<p>Highlight </p><div class='switch'>", + "<input type='checkbox' name='toggle' id='chxboxHighlight' onclick='checkboxHighlight(true);'>", + "<label for='toggle'><i></i></label>", + "<span></span>", + "</div>", + "</div>", + "<div class='box-3'>", + "<p>EnergyDemand</p><div class='switch'>", + "<input type='checkbox' name='toggle' id='chxboxDemand' onclick='checkboxDemand(true);'>", + "<label for='toggle'><i></i></label>", + "<span></span>", + + "</div>", + "</div>", + "<% %>" + + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "ProjektNord" + ] + }, + { + "template": [ + "<div class='balloon' id='myBalloonP1'>", + " <h1 class='balloon-title' onclick='EnergiekonzeptFunction(\"main\")'>Energiekonzept (Stöckach)</h1>", + " <div class='balloon-content' style='height:32em; width:380p;margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>Für mehr Infos klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentstoeckach/Stoeckach.jpg' usemap='#image-map' alt='Simply Easy Learning' width='375'>", + + "<map name='image-map'>", + "<area id='mapElectricityID' alt='' title='electricity' shape='rect' coords='0,93,372,117' onclick='EnergiekonzeptFunction(\"Electricity\")' />", + "<area id='mapHeatID' alt='' title='heat' shape='rect' coords='0,202,375,227' onclick='EnergiekonzeptFunction(\"heat\")' />", + "<area id='mapNatID' alt='' title='Nat' shape='rect' coords='0,449,375,474' onclick='EnergiekonzeptFunction(\"Nat\")' />", + "<area id='mapAuxGasBoilerID' alt='' title='AuxgasBoiler' shape='rect' coords='203,407,261,445' onclick='EnergiekonzeptFunction(\"Aux Gas Boiler\")' />", + "<area id='mapAuxHeaterID' alt='' title='AuxHeater' shape='rect' coords='293,254,353,291' onclick='EnergiekonzeptFunction(\"Aux Heater\")' />", + "<area id='mapHeatPumpID' alt='' title='HeatPump' shape='rect' coords='106,231,166,268' style='outline:none;' onclick='EnergiekonzeptFunction(\"Heat Pump\")' />", + "<area id='mapTubID' alt='' title='tub' shape='rect' coords='208,331,268,373' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tub\")' />", + "<area id='mapTankID' alt='' title='Tank' shape='rect' coords='31,286,69,332' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tank\")' />", + "<area id='mapHouseWaterID' alt='' title='HouseWater' shape='rect' coords='220,265,258,311' style='outline:none;' onclick='EnergiekonzeptFunction(\"House Water\")' />", + "<area id='mapHouseElec' alt='' title='HouseElec' shape='rect' coords='216,153,257,199' style='outline:none;' onclick='EnergiekonzeptFunction(\"House with Lightning\")' />", + "<area id='mapSolarpanelID' alt='' title='Solarpanel' shape='rect' coords='54,0,91,39' style='outline:none;' onclick='EnergiekonzeptFunction(\"Solarpanel\")' />", + "<area id='mapBatterieID' alt='' title='Batterie' shape='rect' coords='234,2,282,43' style='outline:none;' onclick='EnergiekonzeptFunction(\"Batterie\")' />", + "</map>", + "</div>", + "<% %>" + + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "ProjektOne" + ] + }, + { + "template": [ + "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", + " <h1 class='balloon-title'>Station 2</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>hier wurde eine Gartenkiosk errichtet.</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg' alt='Simply Easy Learning' width='375'>", + + "</div>", + "<% %>", + "<% openquestionaire() %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "LocationTwo" + ] + }, + { + "template": [ + "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", + " <h1 class='balloon-title'>Station 1</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>hier wurde eine Spielekiosk errichtet.</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station1_spielekiosk.jpg' alt='Simply Easy Learning' width='375'>", + + "</div>", + "<% %>", + "<% openquestionaire() %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "LocationOne" + ] + }, + { + "template": [ + "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", + " <h1 class='balloon-title'>Station 3</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg' alt='Simply Easy Learning' width='375'>", + + "</div>", + "<% %>", + "<% openquestionaire() %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "LocationThree" + ] + }, + { + "template": [ + "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", + " <h1 class='balloon-title'>Station 4</h1>", + " <div class='balloon-content' style='height:290px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>hier wurde eine Infokiosk errichtet.</span><br></p>", + "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station4_Infokiosk.jpg' alt='Simply Easy Learning' width='375'>", + + "</div>", + "<% %>", + "<% openquestionaire() %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "LocationFour" + ] + } + ], + "excludedLayerNames": [] + }, + { + "type": "vcs.vcm.widgets.Copyright" + }, + { + "low": { + "sse": 4, + "fxaa": false, + "fog": { + "enabled": true + }, + "resolutionScale": 0.9, + "layerSSEFactor": 2 + }, + "medium": { + "sse": 2.333, + "fxaa": false, + "fog": { + "enabled": true + }, + "resolutionScale": 1, + "layerSSEFactor": 1.1 + }, + "high": { + "sse": 1.3333333333333333, + "fxaa": true, + "fog": { + "enabled": true + }, + "resolutionScale": 1, + "layerSSEFactor": 0.5 + }, + "defaultQualityLevel": "medium", + "showAdvancedSettings": false, + "type": "vcs.vcm.widgets.DisplayQuality" + }, + { + "color": [ + 255, + 152, + 0 + ], + "opacity": 0.8, + "pointRadius": 5, + "width": 5, + "type": "vcs.vcm.widgets.Drawing" + }, + { + "type": "vcs.vcm.widgets.CreateLink", + "name": "Link Creator" + }, + { + "type": "vcs.vcm.widgets.Locator", + "name": "Locator", + "zoomDistance": 1000, + "style": { + "image": { + "circle": { + "fill": { + "color": "rgba(255,255,255,1.0)" + }, + "stroke": { + "color": "rgba(0,0,0,1.0)", + "width": 1 + }, + "radius": 5 + } + } + } + }, + { + "type": "vcs.vcm.widgets.Measurement", + "name": "Measurements", + "style": { + "fill": { + "color": [ + 255, + 255, + 255, + 0.4 + ] + }, + "stroke": { + "color": [ + 51, + 153, + 204, + 1 + ], + "width": 1.25, + "lineDash": null + }, + "text": { + "font": "18px sans-serif", + "fill": { + "color": [ + 51, + 51, + 51, + 1 + ] + }, + "textBaseline": "bottom", + "offsetY": -15, + "offsetX": 0 + }, + "image": { + "scale": 1, + "fill": { + "color": [ + 255, + 255, + 255, + 0.4 + ] + }, + "radius": 5, + "stroke": { + "color": [ + 0, + 0, + 0, + 1 + ], + "width": 1, + "lineDash": null + } + } + }, + "decimalPlaces": 1 + }, + { + "type": "vcs.vcm.widgets.NavigationControls", + "name": "NavigationControls", + "zoomFactor": 2, + "moveFactor": 1.5, + "animationDuration": 0.5, + "tiltFactor": 10, + "animation": true, + "showZoomButtons": true, + "showTiltButtons": true, + "showHomeButton": true, + "showCompass": true, + "rotationPerFrame": 0.5 + }, + { + "useLocalCRS": false, + "type": "vcs.vcm.widgets.Planning", + "serviceUrl": "http://smartvillages.online/", + "projectId": "Q4at5xXnP93Erwtm5", + "scenarioId": "2JQ3od8igw4LRzTR5", + "userLocalCRS": true + }, + { + "type": "vcs.vcm.widgets.OverviewMap", + "name": "Overview Map", + "layerName": "Openstreetmap layer", + "minimumHeight": 150, + "cameraIcon": "", + "activeOnStartup": false + }, + { + "type": "vcs.vcm.widgets.PDFCreator", + "name": "PDF Creator" + }, + { + "type": "vcs.vcm.widgets.Questionnaire", + "name": "Questionnaire" + }, + { + "type": "vcs.vcm.widgets.PositionDisplay", + "name": "Position Display", + "positionDecimalPlaces": 2, + "template": null + }, + { + "type": "vcs.vcm.widgets.search.Search", + "name": "Search", + "autocomplete": false, + "autocompleteRequest": null, + "resultIcon": null, + "searchImplementations": [ + { + "type": "vcs.vcm.widgets.search.Nominatim", + "name": "a62716d9-1453-4498-87ba-4c887ec49951", + "url": "https://nominatim.openstreetmap.org/search", + "city": null, + "state": null, + "countrycode": "de", + "extent": null, + "limit": 20 + } + ], + "extendedSearches": [], + "showSearchResultToolbar": false + }, + { + "type": "vcs.vcm.widgets.Shadow", + "name": "Shadows", + "activateShadowsOnStartup": false, + "timezone": null + }, + { + "type": "vcs.vcm.widgets.TransparentTerrainMode", + "name": "Transparent terrain mode" + }, + { + "type": "vcs.vcm.widgets.legend.Legend", + "children": [ + { + "type": "vcs.vcm.widgets.legend.GroupItem", + "title": "Positionen", + "clickable": true, + "startOpen": false, + "children": [ + { + "type": "vcs.vcm.widgets.legend.ViewpointItem", + "viewpointName": "Böckingerstraße", + "infoUrl": "", + "title": "Böckingerstraße" + }, + { + "type": "vcs.vcm.widgets.legend.ViewpointItem", + "viewpointName": "startview", + "infoUrl": "", + "title": "Stöckach" + } + ] + } + ] + } + ], + "layers": [{"name": "100003","url": "./templates/100003.geojson","type": "vcs.vcm.layer.GeoJSON","datasourceId": "...","activeOnStartup": true,"exclusive": false,"projection": { "epsg": "4326", "proj4": ""},"altitudeMode": "relativeToGround","style": { "image": { "icon": { "src": "./templates/test.png", "scale": 0.5 } }},"heightAboveGround": 0},{"name": "100002","url": "./templates/100002.geojson","type": "vcs.vcm.layer.GeoJSON","datasourceId": "...","activeOnStartup": true,"exclusive": false,"projection": { "epsg": "4326", "proj4": ""},"altitudeMode": "relativeToGround","style": { "image": { "icon": { "src": "./templates/test.png", "scale": 0.5 } }},"heightAboveGround": 0}, + { + "name": "Böckingerstrasse", + "url": "./datasource-data/f02945f6-7978-4abc-940b-4c47af169b12/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "zECwoSwXppPMrqfbt", + "activeOnStartup": false, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + },{ + "name": "Stuttgart", + "url": "http://193.196.37.89:8092/AssetsHFT/3DTile_Stuttgart_City_LoD1_Georocket/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "zECwoSwXppPMrqfSt", + "activeOnStartup": false, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + },{ + "name": "StuttgartLocal", + "url": "./datasource-data/Stuttgart/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "zECwoSwXppPMrqfLoc", + "activeOnStartup": true, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + },{ + "name": "Rosenstein", + "url": "./datasource-data/Rosenstein/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "zECwoSwXppPMrqfRos", + "activeOnStartup": false, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + }, + { + "name": "Stöckach", + "url": "./datasource-data/Stockach/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "orpdK9eKzTLaDmYC9", + "activeOnStartup": false, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": ["DEBW522AA00022dcc","DEBW522AA0003bf3b","DEBW522AA0000976a","DEBW522AA00001d00"], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + },{ + "name": "StuttgartPart", + "url": "./datasource-data/PartOfStuggi/tileset.json", + "type": "vcs.vcm.layer.cesium.Buildings", + "datasourceId": "orpdK9eKzTLaDmStu", + "activeOnStartup": true, + "exclusive": false, + "allowPicking": true, + "screenSpaceError": 16, + "screenSpaceErrorMobile": 32, + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + } + }, + { + "name": "Openstreetmap layer", + "type": "vcs.vcm.layer.OpenStreetMap", + "exclusive": "base", + "activeOnStartup": true, + "copyright": { + "provider": "OpenStreetMap contributors", + "url": "http://www.openstreetmap.org/", + "year": "2018" + }, + "hiddenObjectIds": [], + "opacity": "" + }, + { + "type": "vcs.vcm.layer.Wms", + "name": "WMS layer", + "activeOnStartup": true, + "exclusive": false, + "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Luftbilder_aktuell/MapServer/WmsServer", + "parameters": "", + "maxLevel": 18, + "tilingSchema": "geographic", + "datasourceId": "", + "hiddenObjectIds": [], + "copyright": { + "provider": "", + "url": "", + "year": "" + }, + "version": "", + "layers": "0", + "extent": { + "coordinates": [ + null, + null, + null, + null + ], + "epsg": "", + "proj4": "" + }, + "featureInfo": null, + "opacity": "" + },{ + "name": "B", + "url": "./templates/AreaB.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": false, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + },{ + "name": "C1", + "url": "./templates/AreaC1.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": false, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + },{ + "name": "ProjektOne", + "url": "./templates/ProjektOne.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/lightning.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + },{ + "name": "ProjektNord", + "url": "./templates/ProjektNord.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/building.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + },{ + "name": "Questionnaire", + "url": "./templates/Questionnaire.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/locationQ.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + }, + { + "name": "LocationOne", + "url": "./templates/locationOne.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/locationSM.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + }, + { + "name": "LocationTwo", + "url": "./templates/locationTwo.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/locationSM.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + }, + { + "name": "LocationThree", + "url": "./templates/locationThree.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/locationSM.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + }, + { + "name": "LocationFour", + "url": "./templates/locationFour.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": true, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./templates/locationSM.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + } + ], + "viewpoints": [ + { + "name": "startview", + "cameraPosition": [ + 9.294727619997023, + 48.743362022865426, + 17217.87421017033 + ], + "groundPosition": [ + 9.223110265588412, + 48.798931778699455, + -0.0021814601362642612 + ], + "distance": 19040.337418120638, + "heading": 319.600536492729, + "pitch": -64.76308830002756, + "roll": 359.7083867950233, + "animate": false + },{ + "name": "stockach", + "cameraPosition": [ + 9.19880981069925, + 48.78073258586779, + 557.8946752995696 + ], + "groundPosition": [ + 9.20002319296369, + 48.78831698706695, + -0.004286617007779517 + ], + "distance": 1015.2020567756226, + "heading": 6.034472681516794, + "pitch": -33.33958313017551, + "roll": 0.02406619855133695, + "animate": false + }, + { + "name": "Böckingerstraße", + "cameraPosition": [ + 9.196550599393404, + 48.83261067736586, + 268.60746701465376 + ], + "groundPosition": [ + 9.195449041197556, + 48.83618443627386, + -0.002184380990085289 + ], + "distance": 486.4616122371815, + "heading": 348.4986469535158, + "pitch": -33.51784735784641, + "roll": 359.9542703265667, + "animate": true + }, + { + "name": "NordBView", + "cameraPosition": [ + 9.196706687392629, + 48.787236688854634, + 452.8161295397872 + ], + "groundPosition": [ + 9.197929833190297, + 48.7971060262033, + -0.004254466513807599 + ], + "distance": 1190.703214339934, + "heading": 4.680790508536784, + "pitch": -22.356993435657433, + "roll": 0.016861192553048996, + "animate": true + } + ] +} \ No newline at end of file diff --git a/vcm/templates/100001.geojson b/vcm/templates/100001.geojson new file mode 100644 index 0000000000000000000000000000000000000000..2471825bda8b9980bf0cc5a357d1fb4ab937f1f6 --- /dev/null +++ b/vcm/templates/100001.geojson @@ -0,0 +1,8 @@ +{ +"type": "FeatureCollection", +"name": "data_point", +"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, +"features": [ +{ "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.193587, 48.835579 ] } } +] +} diff --git a/vcm/templates/100002.geojson b/vcm/templates/100002.geojson new file mode 100644 index 0000000000000000000000000000000000000000..b8908f1ae12841414567c6484dab8b628f6b85cf --- /dev/null +++ b/vcm/templates/100002.geojson @@ -0,0 +1 @@ + { "type": "FeatureCollection", "name": "data_point","crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.195387, 48.835579 ] } } ] } \ No newline at end of file diff --git a/vcm/templates/100003.geojson b/vcm/templates/100003.geojson new file mode 100644 index 0000000000000000000000000000000000000000..b8908f1ae12841414567c6484dab8b628f6b85cf --- /dev/null +++ b/vcm/templates/100003.geojson @@ -0,0 +1 @@ + { "type": "FeatureCollection", "name": "data_point","crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.195387, 48.835579 ] } } ] } \ No newline at end of file diff --git a/vcm/templates/UserBalloon.js b/vcm/templates/UserBalloon.js index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0f026c9a86ac4f7f3922de86979bd94bf1f788d3 100644 --- a/vcm/templates/UserBalloon.js +++ b/vcm/templates/UserBalloon.js @@ -0,0 +1,35 @@ +var ballonContent = { + header: "Test", + Content: "This is a test", + lat: "", + lon: "", + categorie: "" + } + + + +function PostUserInput(){ + + try { + + $.ajax({ + async: false, + type: "POST", + url: '/newBallon', + data: ballonContent + }).done(function (SimSMid) { + return(SimSMid) + // convertdata(SimSMid); + }); + + // function convertdata(SimSMids) { + // SimSOutput = SimSMids; + // } + + // // console.log(currentwind); + // return SimSOutput; + } + catch (err) { + console.log('-> function PostUserInput() failed!\n' + err); + } +} \ No newline at end of file