Domoticz

Code: Select all

<script>
if ($.Traffic) 
{document.write('<li class="active" ><a class="stay" href="traffic.html"><i class="icon-th icon-white"></i> Traffic</a></li>');}
</script>

Code: Select all

<!-- DONUT CHART -->
            <div class="col-sm-3 col-lg-3" style="width:75%;float: right">
               <div class="dash-unit " style="height:610px;overflow-y:scroll">
                  <dtitle>Traffic</dtitle>
                  <hr>
                  <!--<div class="info-user" style="float:right;padding-right:20px;">
                     <span aria-hidden="true" class="li_news fs2"></span>
                  </div>-->
                  <p id="map" style="width:100%; height:100%"></p>
               </div>
            </div>
         </div>
         <!-- /row -->
      </div>
      <!-- /container -->
	  <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" charset="utf-8">  
var address = 'Nantes, FR';

   var map = new google.maps.Map(document.getElementById('map'), { 
       mapTypeId: google.maps.MapTypeId.TERRAIN,
       zoom: 12
   });
	var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
  
   var geocoder = new google.maps.Geocoder();

   geocoder.geocode({
      'address': address
   }, 
   function(results, status) {
      if(status == google.maps.GeocoderStatus.OK) {
         new google.maps.Marker({
            position: results[0].geometry.location,
            map: map
         });
         map.setCenter(results[0].geometry.location);
      }
      else {
         // Google couldn't geocode this request. Handle appropriately.
      }
   });
</script>

Code: Select all

$.traffic = "Paris, France";
$.zoom = "15";

Code: Select all

.container {
    width: 1170px;
}