MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. knubbl
    3. Best
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    K
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 7
    • Posts 22
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: MMM-GoogleMapsTraffic

      n,o not in the config.
      u need to edit the js file (MMM-GoogleMapsTraffic.js)

      if u want just replace ur js with the code i use

      /* global Module */
      
      /* Magic Mirror
       * Module: MMM-GoogleMapsTraffic
       *
       * By Victor Mora
       * MIT Licensed.
       */
      
      Module.register("MMM-GoogleMapsTraffic", {
      	// Module config defaults
      	defaults : {
      		lat: '',
      		lng: '',
      		height: '300px',
      		width: '300px',
      		zoom: 10,
                      mapTypeId: 'roadmap',
      		disableDefaultUI: true
      	},
      
      	getDom: function() {
              var lat = this.config.lat;
              var lng = this.config.lng;
      
      	var wrapper = document.createElement("div");
              wrapper.setAttribute("id", "map");
      
              wrapper.style.height = this.config.height;
              wrapper.style.width = this.config.width;
      
              var script = document.createElement("script");
              script.type = "text/javascript";
              script.src = "https://maps.googleapis.com/maps/api/js?key=" + this.config.key;
              document.body.appendChild(script);
      
      	var self = this;
              script.onload = function () {
                  var map = new google.maps.Map(document.getElementById("map"), {
                  	zoom: self.config.zoom,
                      mapTypeId: self.config.mapTypeId,
                  	center: {
                  		lat: self.config.lat,
                  		lng: self.config.lng
                  	},
      			//disableDefaultUI: self.config.disableDefaultUI
      			disableDefaultUI: true,
      			styles: [
      			{elementType: 'geometry', stylers: [{color: '#242f3e'}]},
      			{elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
      			{elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
      			{
      			    featureType: 'administrative.locality',
      			    elementType: 'labels.text.fill',
      			    stylers: [{color: '#d59563'}]
      			},
      			{
      				featureType: 'poi',
      				elementType: 'labels.text.fill',
      				stylers: [{color: '#d59563'}]
      			},
      			{
      				featureType: 'poi.park',
      			        elementType: 'geometry',
      			        stylers: [{color: '#263c3f'}]
      			},
      			{
      				featureType: 'poi.park',
      				elementType: 'labels.text.fill',
      				stylers: [{color: '#6b9a76'}]
      			},
      			{
      				featureType: 'road',
      				elementType: 'geometry',
      				stylers: [{color: '#38414e'}]
      			},
      			{
      				featureType: 'road',
      				elementType: 'geometry.stroke',
      					  stylers: [{color: '#212a37'}]
      			},
      			{
      				featureType: 'road',
      				elementType: 'labels.text.fill',
      					  stylers: [{color: '#9ca5b3'}]
      			},
      			{
      				featureType: 'road.highway',
      				elementType: 'geometry',
      				stylers: [{color: '#746855'}]
      			},
      			{
      				featureType: 'road.highway',
      				elementType: 'geometry.stroke',
      				stylers: [{color: '#1f2835'}]
      			},
      			{
      				featureType: 'road.highway',
      				elementType: 'labels.text.fill',
      				stylers: [{color: '#f3d19c'}]
      			},
      			{
      				featureType: 'transit',
      				elementType: 'geometry',
      				stylers: [{color: '#2f3948'}]
      			},
      			{
      			        featureType: 'transit.station',
      				elementType: 'labels.text.fill',
      				stylers: [{color: '#d59563'}]
      			},
      			{
      			        featureType: 'water',
      			        elementType: 'geometry',
      				stylers: [{color: '#17263c'}]
      			},
      			{
      				featureType: 'water',
      				elementType: 'labels.text.fill',
      				stylers: [{color: '#515c6d'}]
      			},
      			{
      				featureType: 'water',
      				elementType: 'labels.text.stroke',
      				stylers: [{color: '#17263c'}]
      			}
      		]
                  });
      
                  var trafficLayer = new google.maps.TrafficLayer();
                  trafficLayer.setMap(map);
              };
      
      		return wrapper;
      	}
      
      });
      
      
      posted in Transport
      K
      knubbl
    • 1 / 1