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

Osyris

@Osyris

0
Reputation
598
Profile views
6
Posts
0
Followers
0
Following
Joined Aug 31, 2017, 5:14 PM
Last Online Mar 19, 2020, 5:51 PM

Osyris Unfollow Follow

Latest posts made by Osyris

  • RE: MMM-GoogleMapsTraffic

    The traffic layer does update itself just as on the Google Maps website. I don’t know how long the update interval is, but it’s as good as it gets. Google does not provide any APIs for the traffic layer.

    posted in Transport
    O
    Osyris
    Sep 6, 2017, 7:15 PM
  • RE: MMM-GoogleMapsTraffic

    Could someone test the changes from my fork? I have no time to test this on my mirror right now and I’m afraid there could be errors in the code:
    https://github.com/Osyris187/MMM-GoogleMapsTraffic

    posted in Transport
    O
    Osyris
    Sep 5, 2017, 6:49 PM
  • RE: MMM-GoogleMapsTraffic

    Ok, I’m at it.

    posted in Transport
    O
    Osyris
    Sep 4, 2017, 6:52 PM
  • RE: MMM-GoogleMapsTraffic

    I can do that, but the Git seems to be locked so I can’t make branches. Also, there seems to be another user who forked your Git and added a night mode.

    posted in Transport
    O
    Osyris
    Sep 2, 2017, 6:19 PM
  • RE: MMM-GoogleMapsTraffic

    @knubbl See line 4 in the old code of my code snippet above. You can simply adjust the ‘zoom’ parameter: smaller numbers to zoom out, bigger numbers to zoom in.

    posted in Transport
    O
    Osyris
    Sep 1, 2017, 4:44 AM
  • RE: MMM-GoogleMapsTraffic

    Hey guys, I figured it’s easy enough to style the map by editing the JS file. So in order to get the night mode as shown in pflodo’s post (and to disable the UI buttons) I added the following to the JS code:

    //original code
            script.onload = function () {
                var map = new google.maps.Map(document.getElementById("map"), {
                	zoom: 10,
                	center: {
                		lat: lat,
                		lng: lng
                	},
    //add a comma after the } above
    //new code:
    		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'}]
    			}
    		]
    //old code again
                });
    

    Have fun!

    Also, if you want to make the background black (so it looks cool on the mirror), set the first attribute ‘geometry’ to ‘#000000’.

    posted in Transport
    O
    Osyris
    Aug 31, 2017, 5:22 PM
Enjoying MagicMirror? Please consider a donation!
MagicMirror created by Michael Teeuw.
Forum managed by Sam, technical setup by Karsten.
This forum is using NodeBB as its core | Contributors
Contact | Privacy Policy