https://www.bazakolejowa.pl/turysta/

1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7        <title>Projektant tras</title>
8        

8<script src='lib/jquery/jquery-2.2.0.min.js'></script>

8
9        <link href="lib/font-awesome/css/font-awesome.css" rel="stylesheet">
10
11        <link href="lib/leaflet/leaflet.css" rel="Stylesheet" media="screen">
12        

12<script src='lib/leaflet/leaflet.js'></script>

12
13        

13<script src="lib/leaflet/leaflet-hash.js"></script>

13
14
15        

15<script src="lib/leaflet/Leaflet.Editable.js"></script>

15
16        

16<script src='lib/leaflet/leaflet.geometryutil.js'></script>

16
17        <link href="lib/leaflet/leaflet-distance-marker.css" rel="Stylesheet" media="screen">
18        

18<script src='lib/leaflet/leaflet-distance-marker.js'></script>

18
19        <link href="lib/leaflet/leaflet.fullscreen.css" rel="Stylesheet" media="screen">
20        

20<script src='lib/leaflet/Leaflet.fullscreen.min.js'></script>

20
21        

21<script src='lib/leaflet/TileLayer.Grayscale.js'></script>

21
22        <link href="lib/leaflet/easy-button.css" rel="Stylesheet" media="screen">
23        

23<script src='lib/leaflet/easy-button.js'></script>

23
24        <link href="lib/leaflet/L.Control.Locate.min.css" rel="Stylesheet" media="screen">
25        

25<script src='lib/leaflet/L.Control.Locate.min.js'></script>

25
26        
27        

27<script src="lib/leaflet/leaflet-ruler.js"></script>

27
28        <link href="lib/leaflet/leaflet-ruler.css" rel="stylesheet" type="text/css">
29        
30        

30<script src='lib/FileSaver.min.js'></script>

30
31
32        

32<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise"></script>

32
33        

33<script src='lib/leaflet/leaflet-bing-layer.min.js'></script>

33
34
35        <link href="style.css" rel="Stylesheet" media="screen">
36        

36<script src='js/railmap.js'></script>

36
37        

37<script src='js/main.js'></script>

37
38                

38<script src='js/mapsources.js?v='></script>

38
39
40
41    </head>
42    <body>
43        <p>Tytuł: <input type='text' name='tytul' style='width:30%' id='tytul' value='' placeholder='Tytuł trasy'> <span class='pseudolink' onclick='$("#instrukcja").toggle()'>Instrukcja &raquo;</span></p>
44        <div id='instrukcja' style='display:none'>
45            <p>Zakończenie edycji: kliknięcie w ostatni punkt, bądź ctrl+klik gdziekolwiek na mapie poza linią. Usunięcie ostatniego punkt: shift+click</p>
46        <p>Przy włączonej mapie <b>Railmap interaktywna</b> prawoklik na obiekt otwiera go w nowym oknie.</p>
47        </div>
48        <div id="mapaCala"></div>
49        <form method='post' enctype="multipart/form-data" style='display: none'>
50            <p>Importuj plik GPX: <input type='file' name='gpx' id='gpxOpen' onchange="this.form.submit()" accept=".gpx">
51                <input type="submit" value="Wyślij" onClick="">
52        </form>
53
54        
55        

55<script>
56            turysta.mapa.init();
57
58                         coords : [
59            ]
60            $("#klawiszPobierz").hide();
61                            // var trasa = L.polyline(coords);
62
63
64            /*   trasa.on('click', function () {
65             trasa.enableEdit();
66             trasa.editor.continueForward();
67             },
68             'editable:drawing:end', function (p) {
69             console.log(p);
70             },
71             )*/
72
73            </script>

73
74        </body>
75    </html>