source: gs3-extensions/map-editor/DrawingManager/index.html@ 32709

Last change on this file since 32709 was 32709, checked in by ak19, 5 years ago

Jump-start to the map-editor extension, which takes account of the 21 previous check-point versions.

File size: 1.4 KB
Line 
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Drawing Tools</title>
5 <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 <meta charset="utf-8">
7
8 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
9 <script src="index.js"></script>
10 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzunGwIF2OwsfrOkIC_8bhh0OPGZXo52Y&libraries=drawing&callback=initMap" async defer></script>
11
12 <link rel="stylesheet" type="text/css" href="index.css">
13
14 </head>
15 <body>
16 <div id = "DeleteButtons">
17 <button onclick="deleteAllShape()" accesskey="c">Clear All</button>
18 <button onclick="deleteSelectedShape()" accesskey="b">Delete Selected</button>
19 <button onclick="polygonGetPath()" accesskey="q">Get Path</button>
20 <button onclick="undoMovement()" accesskey="n">Undo</button>
21 <button onclick="redoMovement()" accesskey="n">Redo</button>
22
23 </div>
24
25 <div id = "LineThickness">
26 <p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange"> </p>
27 <p>Value: <span id="thicknessRangeVal"></span></p>
28 </div>
29
30 <div id = "ColourOpacity">
31 <p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity"> </p>
32 <p>Value: <span id="opacityRangeVal"></span></p>
33 </div>
34
35
36
37 <div id="FillColour">
38 <p> Fill Colour:</p> <div id="color-palette1"></div>
39 </div>
40
41
42
43 <div id="map"></div>
44
45
46 </body>
47</html>
Note: See TracBrowser for help on using the repository browser.