geoserver_googlemaps_drawing/index.html at master · spike83/geoserver_googlemaps_drawing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
    <title>WPS Höhenkurven Beispiel</title>
    <meta charset="utf-8">
    <meta name="vieweport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="src/css/styles.css">
</head>
<body>

    <div id="map"></div>
        <div class="hoehenkurven-service">
            <h3>Höhenkurven bestellen</h3>
            <p id="helptext">Zeichnen Sie den gewünschten Ausschnitt mit den folgenden Tools</p>
            <div class="drawing-tools"></div>
            <form name="hoehenkurvenForm">
                <label for="interval">Aequidistanz: </label> <select id="interval" name="interval">
                    <option value="0.5">0.5m</option>
                    <option value="1" selected="selected">1m</option>
                    <option value="2">2m</option>
                    <option value="5">5m</option>
                    <option value="10">10m</option>
                </select>
                <label for="format">Format</label> <select id="format" name="format">
                    <option value="application/dxf|hoehenkurven.dxf">DXF</option>
                    <option value="application/zip|hoehenkurven.zip" selected="selected">Shapefile gezippt</option>
                    <option value="application/gml|hoehenkurven.gml">GML</option>
                    <option value="application/json|hoehenkurven.json">GeoJSON</option>
                    <option value="application/vnd.google-earth.kml; subtype=OGR-KML|hoehenkurven.kml">Google Earth KML</option>
                </select>
            </form>
            <button name="submit" type="submit" id="submit" disabled="disabled" onclick="wpsModule.startProcess(document.hoehenkurvenForm)">bestellen</button>
        </div>
        <div class="geoserver-layer">
            <input type="checkbox" id="layerbox" value="layerbox1" onclick="layerModule.toggleLayer()"> <label for="layerbox">Geoserver Layer</label>
        </div>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvbtjiEIMs0XeJW6R-T-6-DTjsiwzTAR8&libraries=drawing&callback=initModule.initMap" async defer></script>
<script src="src/js/modules/wps.js"></script>
<script src="src/js/modules/drawing.js"></script>
<script src="src/js/modules/layer.js"></script>
<script src="src/js/helper/google-polygon-extension.js"></script>
<script src="src/js/modules/init.js"></script>
<script src="src/js/jquery-3.1.1.min.js"></script>
</body>
</html>