← Back to branch summary

~xibo-maintainers/xibo/tempel

« back to all changes in this revision

Viewing changes to modules/google-traffic-get-resource.twig

  • Committer: Dan Garner
  • Date: 2015-03-26 14:08:33 UTC
  • Revision ID: git-v1:70d14044444f8dc5d602b99890d59dea46d9470c
Moved web servable files to web folder

Show diffs side-by-side

added added

removed removed

Lines of Context:
modules/google-traffic-get-resource.twig
1
 
{#
2
 
/*
3
 
 * Spring Signage Ltd - http://www.springsignage.com
4
 
 * Copyright (C) 2016 Spring Signage Ltd
5
 
 * (${FILE_NAME})
6
 
 */
7
 
#}
8
 
<!doctype html>
9
 
<html lang="en">
10
 
<head>
11
 
    <title>Xibo Open Source Digital Signage</title>
12
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
13
 
    <meta name="viewport" content="width={{ viewPortWidth }}" />
14
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
15
 
    <!-- Copyright 2006-2016 Daniel Garner and Spring Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. -->
16
 
    <style type="text/css">
17
 
        body {
18
 
            margin: 0;
19
 
            overflow: hidden;
20
 
        }
21
 
        h1, h2, h3, h4, p {
22
 
            margin-top: 0;
23
 
        }
24
 
        #iframe {
25
 
            border: 0;
26
 
        }
27
 
        #map {
28
 
             height: 100%;
29
 
        }
30
 
    </style>
31
 
</head>
32
 
<!--[if lt IE 7 ]><body class="ie6"><![endif]-->
33
 
<!--[if IE 7 ]><body class="ie7"><![endif]-->
34
 
<!--[if IE 8 ]><body class="ie8"><![endif]-->
35
 
<!--[if IE 9 ]><body class="ie9"><![endif]-->
36
 
<!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]-->
37
 
<div id="content">
38
 
    <div id="map"></div>
39
 
</div>
40
 
</body>
41
 
{{ javaScript|raw }}
42
 
<!-- Replace the value of the key parameter with your own API key. -->
43
 
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ apiKey }}&callback=initMap"></script>
44
 
<script type="text/javascript">
45
 
    function initMap() {
46
 
        var map = new google.maps.Map(document.getElementById('map'), {
47
 
            zoom: {{ zoom }},
48
 
            center: {lat: {{ lat }}, lng: {{ long }}},
49
 
            disableDefaultUI: true
50
 
        });
51
 
 
52
 
        var trafficLayer = new google.maps.TrafficLayer();
53
 
        trafficLayer.setMap(map);
54
 
    }
55
 
 
56
 
    $(document).ready(function() {
57
 
        $("#map").height($(window).height());
58
 
    });
59
 
</script>
60
 
</html>