Skip to content

Commit

Permalink
Added: Worldmap2d: Documentation and example for useing CreateObjectM…
Browse files Browse the repository at this point in the history
…odal
  • Loading branch information
ffehring authored and ffehring committed Jun 25, 2024
1 parent d0f7c1a commit 98a6aa1
Show file tree
Hide file tree
Showing 8 changed files with 951 additions and 31 deletions.
813 changes: 813 additions & 0 deletions data/visualisation/worldmap2d/tbl_location.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions data/visualisation/worldmap2d/tbl_location_join_oo.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[]
30 changes: 3 additions & 27 deletions data/visualisation/worldmap2d/tbl_observedobject.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,44 +4,20 @@
"name": "ABB",
"type_id": 1,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 1,
"name": "minden",
"coordinates": [
8.90021324157715,
52.297901755528954
]
}
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam"
},
{
"id": 2,
"name": "weser1",
"type_id": 2,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 2,
"name": "weser",
"coordinates": [
8.93021324157715,
52.297901755528954
]
}
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam"
},
{
"id": 3,
"name": "HSBI Minden",
"type_id": 3,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 3,
"name": "HSBI Minden",
"coordinates": [
8.90491324157715,
52.296501755528954
]
}
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam"
}
]
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
[
{
"id": 1,
"name": "ABB",
"type_id": 1,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 1,
"name": "minden",
"coordinates": [
8.90021324157715,
52.297901755528954
]
}
},
{
"id": 2,
"name": "weser1",
"type_id": 2,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 2,
"name": "weser",
"coordinates": [
8.93021324157715,
52.297901755528954
]
}
},
{
"id": 3,
"name": "HSBI Minden",
"type_id": 3,
"completed": false,
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, sit amet aliquam",
"tbl_location": {
"id": 3,
"name": "HSBI Minden",
"coordinates": [
8.90491324157715,
52.296501755528954
]
}
}
]
6 changes: 3 additions & 3 deletions data/visualisation/worldmap2d/tbl_observedobject_type.json
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
[
{
"id": 1,
"name": "Option 1"
"name": "Object type 1: A building"
},
{
"id": 2,
"name": "Option 2"
"name": "Object type 2: A street"
},
{
"id": 3,
"name": "Option 3"
"name": "Object type 3: A car"
}
]
31 changes: 31 additions & 0 deletions js/visualisation/worldmap2d_example29.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
/*
* Configuration script for worldmap2d_example29
*/

window['worldmap2d_example29_options'] = {
zoom: 16,
plugins: new Map()
};

window['worldmap2d_example29_options'].plugins.set('CreateObjectModal', {
id: 'CreateObjectModal',
active: true
});

window['CreateObjectModal_worldmap2d_example29_options'] = {
objectRequestor: {
fromName: 'visualisation/worldmap2d/tbl_observedobject.json'
},
locationRequestor: {
fromName: 'visualisation/worldmap2d/tbl_location.json'
},
joinRequestor: {
fromName: 'visualisation/worldmap2d/tbl_location_join_oo.json'
},
typesRequestor: {
fromName: 'visualisation/worldmap2d/tbl_observedobject_type.json'
},
parentRequestor: {
fromName: 'visualisation/worldmap2d/tbl_observedobject.json'
}
};
17 changes: 16 additions & 1 deletion sites/visualisation/worldmap2d.html
Original file line number Diff line number Diff line change
Expand Up @@ -933,7 +933,22 @@ <h3>Example 28: Show and create areas on map</h3>
]),
};

</code></pre>
</code></pre>
<h3>Example 29: Create new objects on map</h3>
<p>The CreateObjectModal plugin allows you to create new objects on map. Objects are datasets that are bound to a location.</p>

<a href="worldmap2d_example29.html" target="_blank">Open example</a>
<pre><code class="lang-javascript">
window['worldmap2d_example29_options'] = {
zoom: 16,
plugins: new Map()
};

window['worldmap2d_example29_options'].plugins.set('CreateObjectModal', {
id: 'CreateObjectModal',
active: true
});
</code></pre>
</article>
<footer>
<a href="../about/privacy.html">Privacy policy / Datenschutzerklärung</a>
Expand Down
37 changes: 37 additions & 0 deletions sites/visualisation/worldmap2d_example29.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>SWAC - Worldmap2d component - Example 29: Create new objects on map</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../../css/global.css">
<noscript>
<link rel="stylesheet" type="text/css" href="../../css/noscript.css">
</noscript>

<link rel="stylesheet" type="text/css" href="/SWAC/swac/libs/uikit/css/uikit.min.css">
<script src="/SWAC/swac/libs/uikit/js/uikit.min.js"></script>
<script src="/SWAC/swac/swac.js" type="module"></script>
<script src="../../js/visualisation/worldmap2d_example29.js"></script>
</head>
<body>
<header id="head_navigation" swa="Navigation FROM ../../data/routes.json"></header>
<noscript>
<div class="noscript_nav">
<a href="../sitemap.html" class="uk-button uk-button-primary">Sitemap</a>
<br>Bitte aktiviere Javascript, um die bestmögliche Ansicht zu haben. / Please activate Javascript for the best experience.
</div>
</noscript>

<h3>Example 29: Create new objects on map</h3>
<p>With activated CreateObjectModal plugin you can create objects directly on the map. Klick anywhere on the open space to create a new object.
<br>Not that, because this is an static example without database, there is no new object created in real, if you reload the page the data is reset to the startpoint.</p>
<div id="worldmap2d_example29" swa="Worldmap2d"></div>

<footer>
<a href="../about/privacy.html">Privacy policy / Datenschutzerklärung</a>
<a href="../about/imprint.html">Imprint / Impressum</a>
<a class="toplink" href="#">Top</a>
</footer>
</body>
</html>

0 comments on commit 98a6aa1

Please sign in to comment.