FormIt-Context-Plugin/plugin.html at main · CADstudioCZ/FormIt-Context-Plugin · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
<head>
    <title>3d Context Creator</title>
    <link href="plugin.css" rel="stylesheet">

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&display=swap');
    </style>

</head>
<body>
    <div class="pluginContainer">

        <form>
            <h1>3D Context Creator</h1>

            <img class="pluginIcon center" src="./assets/images/u1.png" />

            <label>1. Klikněte na ikonu   <img class="inlineIcon" src="./assets/images/setlocationicon.png" />   v panelu nástrojů pro nastavení polohy.
            </label>

            <label>2. Upravte čtvercový rozsah souřadnic (v metrech)</label>

            <div class="range-wrap" style="--min:100; --max:1000;--step:50;">
                <input id="Radius" class="range" type="range" value="100" min="100" max="1000" step="50" oninput="this.nextElementSibling.value = this.value" />
                <output class="bubble">100</output>
            </div>

            <div class="columns">

                <div class="column">
                    <label>Zeměpisná šířka</label>
                    <input id="Latitude" type="number" value="50.0796775" />
                </div>

                <div class="column">
                    <label>Zeměpisná délka</label>
                    <input id="Longitude" type="number" value="14.4298438" />
                </div>

            </div>

            <input id="CreateButton" type="button" value="Vytvořit" />

        </form>


        <script src="https://cdn.jsdelivr.net/npm/osmtogeojson@3.0.0-beta.4/osmtogeojson.js"></script>
        <script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>

        <!--Do not remove below scripts unless you know what you're doing-->
        <script type="text/javascript" src="https://formit3d.github.io/SharedPluginUtilities/FormIt.js"></script>
        <script type="text/javascript" src="https://formit3d.github.io/SharedPluginUtilities/FormItInterface.js"></script>
        <script type="text/javascript" src="https://formit3d.github.io/SharedPluginUtilities/FormItPluginUtils.js"></script>
        <script type="text/javascript" src="plugin.js"></script>
        <script type="text/javascript">
            FormItInterface.Initialize();
        </script>

    </div>
</body>
</html>