MapasMaps/index.html at master · microkost/MapasMaps · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!doctype html>
<html  xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
    <meta charset="utf-8">
    <meta property="og:image" content="http://mapas.kostecky.cz/mapas-thumbnail.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <link rel="stylesheet" href="stylesheet.css" media="all" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>


    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-36455206-7"></script> <!-- Global site tag (gtag.js) - Google Analytics -->
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'UA-36455206-7');
    </script>

    <script type="text/javascript" src="https://js.cit.api.here.com/v3/3.0/mapsjs-core.js" charset="UTF-8"></script>
    <script type="text/javascript" src="https://js.cit.api.here.com/v3/3.0/mapsjs-service.js" charset="UTF-8"></script>
    <script type="text/javascript" src="https://js.cit.api.here.com/v3/3.0/mapsjs-ui.js" charset="UTF-8"></script>
    <script type="text/javascript" src="https://js.cit.api.here.com/v3/3.0/mapsjs-mapevents.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="https://js.cit.api.here.com/v3/3.0/mapsjs-ui.css" />
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />

    <script type="text/javascript" src="https://api.mapy.cz/loader.js"></script>
    <script type="text/javascript">Loader.load();</script>
    <script type="text/javascript" src="maps.js"></script>
    <title>Mapas Maps - Map Services Demo and weather</title>
</head>

<body onload="refreshView(true);">
    <div class="container">
        <div class="row align-items-center headRow">
            <div class="col-md-4">
                <h2><a href="http://www.mapas.kostecky.cz/">MapServices demo</a></h2>
            </div>
            <div class="col-md-2">
                <select class="form-control" id="selectMapSource" onchange="mapSelector(this.value);" onmousedown="this.value='';">
                    <option value="Smap">Seznam Maps</option>
                <!--<option value="Omap">Open Street map</option>-->
                    <option value="Hmap">Here Maps</option>
                    <option value="Gmap">Google Maps</option>
                    <option value="Bmap">Bing Maps</option>
                </select>
            </div>
            <div class="col-md-2">
                <input type="text" class="form-control" placeholder="Enter the place" id="city" value="Jyväskylä Lutakko JAMK">
            </div>
            <div class="col-md-2">
                <button type="button" id="findBtn" class="btn btn-large btn-block btn-primary" onclick="locationSearch();">Find</button>
            </div>
            <div class="col-md-2">
                <button type="button" id="locationBtn" class="btn btn-large btn-block btn-info" onclick="getLocation();">My location</button>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row mapRow">
            <div class="col-md-12" id="mapView" style="width:100%; height:100%;">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row card">
            <h6 class="card-block text-center">CC 2017 - Jaroslav Seidel & Ivo Kostecký for <a href="https://www.jamk.fi/" target="_blank">JAMK.fi</a> / <a href="https://www.vsb.cz/" target="_blank">VŠB.cz</a> -
                <a href="https://goo.gl/fcP44H" target="_blank">presentation</a> -
            <a href="https://github.com/microkost/MapasMaps" target="_blank">source code</a>.</h6>
            <img src="mapas-thumbnail.png" width="1px" height="1px" />
        </div>
    </div>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbrC1gcahZ3ugGtxRwgHyU4FeTmlGPJCg&callback=showGMap"></script>
    <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap' async defer></script>
</body>

</html>