| 1 | <?php require_once("inc/kmlHandler.php"); ?>
|
|---|
| 2 |
|
|---|
| 3 | <html>
|
|---|
| 4 | <head>
|
|---|
| 5 | <title>Nodemap Wireless Leiden</title>
|
|---|
| 6 | <!-- External stylesheet for all browsers -->
|
|---|
| 7 | <link href="style/stylesheet.css" rel="stylesheet" type="text/css">
|
|---|
| 8 | <!-- Using stylesheet2.css when browser is any version of Microsoft Internet Explorer -->
|
|---|
| 9 | <!--[if IE]>
|
|---|
| 10 | <link href="style/stylesheet2.css" rel="stylesheet" type="text/css">
|
|---|
| 11 | <![endif]-->
|
|---|
| 12 |
|
|---|
| 13 | <!-- Make our $marker[] array from kmlHandler available to javascript in JSON-->
|
|---|
| 14 | <script>
|
|---|
| 15 | var markers = <?php echo json_encode($markers); ?>;
|
|---|
| 16 | </script>
|
|---|
| 17 |
|
|---|
| 18 | <!-- Loading in the google-api -->
|
|---|
| 19 | <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
|
|---|
| 20 | <!-- Loading in the javascript that will add the map into #mapcanvas -->
|
|---|
| 21 | <script type="text/javascript" src="inc/nodemapWL.js"></script>
|
|---|
| 22 | <script type="text/javascript" src="inc/overlay.js"></script>
|
|---|
| 23 |
|
|---|
| 24 | <!-- Loading in the javascript that handles the switching between gebruiker and beheerder -->
|
|---|
| 25 | <script type="text/javascript" src="inc/gebruiker_beheerder_switch.js"></script>
|
|---|
| 26 | </head>
|
|---|
| 27 | <body>
|
|---|
| 28 | <!-- Mainwrapper contains all content on the page -->
|
|---|
| 29 | <div id="mainwrapper">
|
|---|
| 30 | <!-- Mapcanvas is the container where the map will be put in. Height and width of map is specified by size of the div -->
|
|---|
| 31 | <div id="mapcanvas">
|
|---|
| 32 | <!-- Create the map using the intitialize_map() function from nodemapWL.js -->
|
|---|
| 33 | <script type="text/javascript">initialize_map();</script>
|
|---|
| 34 | <!--<script type="text/javascript">nodeAdd();</script>-->
|
|---|
| 35 | </div>
|
|---|
| 36 | <div id="infowrapper">
|
|---|
| 37 | <!-- Top information space -->
|
|---|
| 38 | <div id="infotop">
|
|---|
| 39 | <!-- Calling on the node information from an external php file. inc/node_info.php -->
|
|---|
| 40 | <?php include("inc/node_info.php") ?>
|
|---|
| 41 | </div>
|
|---|
| 42 |
|
|---|
| 43 | <!-- Bottom information space -->
|
|---|
| 44 | <div id="infobottom">
|
|---|
| 45 | <!-- This contains the searchbox of the searchtool, and the send button for it -->
|
|---|
| 46 | <div id="searchbox">
|
|---|
| 47 | <form>
|
|---|
| 48 | <input type="text" name="naam" size="18" maxlength="30"><input type="button" name="knop" value=" > ">
|
|---|
| 49 | </form>
|
|---|
| 50 | </div>
|
|---|
| 51 | <!-- This contains the list of nodes, in future the searchbox will make it possible to filter this list -->
|
|---|
| 52 | <div id="searchlist">
|
|---|
| 53 | <select multiple>
|
|---|
| 54 | <option value="node1">Node 1 Leiden</option>
|
|---|
| 55 | <option value="node2">Node 2 Leiden</option>
|
|---|
| 56 | <option value="node3">Node 3 Leiden</option>
|
|---|
| 57 | <option value="node4">Node 4 Leiden</option>
|
|---|
| 58 | <option value="node5">Node 5 Leiden</option>
|
|---|
| 59 | <option value="node6">Node 6 Leiden</option>
|
|---|
| 60 | <option value="node7">Node 7 Leiden</option>
|
|---|
| 61 | <option value="node8">Node 8 Leiden</option>
|
|---|
| 62 | <option value="node9">Node 9 Leiden</option>
|
|---|
| 63 | <option value="node10">Node 10 Leiden</option>
|
|---|
| 64 | </select>
|
|---|
| 65 | </div>
|
|---|
| 66 | </div>
|
|---|
| 67 | <!-- The buttons under the searchframe. In a table for positioning. -->
|
|---|
| 68 | <div id="userpick">
|
|---|
| 69 | <table>
|
|---|
| 70 | <tr><!-- onclick events activate functions from within inc/gebruiker_beheerder_switch.js which load in the selected view with node_info.php -->
|
|---|
| 71 | <td><input type="button" value="Gebruiker" onclick="switchGebruiker();"></td>
|
|---|
| 72 | <td><input type="button" value="Beheerder" onclick="switchBeheerder();"></td>
|
|---|
| 73 | </tr>
|
|---|
| 74 | </table>
|
|---|
| 75 | </div>
|
|---|
| 76 | </div>
|
|---|
| 77 |
|
|---|
| 78 | <!-- General functions under the map -->
|
|---|
| 79 | <div id="navigation">
|
|---|
| 80 | <form>
|
|---|
| 81 | <table>
|
|---|
| 82 | <tr>
|
|---|
| 83 | <!-- First colum -->
|
|---|
| 84 | <td>
|
|---|
| 85 | <input type="checkbox" value="shownodes" onclick="toggleMyKml();" checked="checked">Toon nodes
|
|---|
| 86 | </td>
|
|---|
| 87 | <!-- Second colum -->
|
|---|
| 88 | <td>
|
|---|
| 89 | <input type="checkbox" value="showrange">Toon dekking <br/>
|
|---|
| 90 | <input type="checkbox" value="showtraffic">Toon dataverkeer
|
|---|
| 91 | </td>
|
|---|
| 92 | </tr>
|
|---|
| 93 | </table>
|
|---|
| 94 | </form>
|
|---|
| 95 | </div>
|
|---|
| 96 | </div>
|
|---|
| 97 | </body>
|
|---|
| 98 | </html>
|
|---|
