mmpa

Search a database and visualize the output with e4D:

​Web representation

Compiling

e4D Source Code is in the institite HG ​https://it-dev.mpiwg-berlin.mpg.de/hg/STI-GWT

Be sure to check out the most recent branch (at the time of this writing: trimmed_data). As the code was branched off from DARIAH SVN I tried to keep the "default" tied to the original development. This way diffs can be applied more easy.

After checking out you can compile it via "ant war", the resulting file "e4d.war" can be deployed in an servlet container (eg. Tomcat or Jetty).

Using e4D in own websites

• Include the JS Libraries in the page

<script type="text/javascript" language="javascript" src="sti/sti.nocache.js"></script> <script src="scripts/blockUI/FullscreenWindow.js"></script>

<script src="scripts/Timeplot/timeplot-complete.js"></script>

<link type="text/css" rel="stylesheet" href="Sti.css">

<link type="text/css" rel="stylesheet" href="scripts/OpenLayers/theme/default/style.css">

<script src="scripts/sti/timeplot-modify.js"></script> <script src="scripts/sti/properties.js"></script> <script src="scripts/sti/STIProps.js"></script> <script src="scripts/sliderCombined.js"></script>

<!--[if IE]><script type="text/javascript" src="scripts/libs/lib/excanvas.js"></script><![endif]-->

<script src="scripts/sti/STIMap.js"></script> <script src="scripts/sti/STITimeplot.js"></script> <script src="scripts/sti/STITutorial.js"></script> <script src="scripts/sti/STICore.js"></script> <script src="scripts/sti/DataObject.js"></script> <script src="scripts/sti/DataSet.js"></script> <script src="scripts/sti/ExtendedDataSource.js"></script> <script src="scripts/sti/ExtendedSimileTimeDate.js"></script> <script src="scripts/sti/PointObject.js"></script> <script src="scripts/sti/clustering.js"></script> <script src="scripts/sti/kruskal.js"></script> <script src='​http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script> <script src="​http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <script src="scripts/OpenLayers/OpenLayers.js"></script> <script src="scripts/ucsv/ucsv-1.1.0-min.js"></script>

• Add the map and table component to the site

<div id="mainContainer"></div> <div id="tableWindow" class="tableWindow"></div>

• load a KML file

either call the site with a parameter kml1-kml4 that holds a link to a KML file

or call the function loadKml(kmlcontent,kmltitle)

• remove a dataset

call the function deleteDataSet(index)