MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

MMM-google-route Example ?



  • Hi guys 🙂

    I’m trying to configure MMM-google-route on my mirror. I tried to follow step and google link but, hmm, I don’t f*** understand anything about how it works 😃
    Am I such a noob ? 🙂 I coudldn’t found anything about this module on the forum. I need at list a sample configuration for origin and destination parameters. If someone could share something !? thanks guys 🙂



  • This is what i’ve done to get it up and running:

    active the google api’s: (sign-up, follow the path mentioned in the short description provided by the module)

    activated APIs:

    Directions API (if I disable it nothing works anymore)
    Geocoding API
    Maps JavaScript API
    

    then add this to your config.js:

    {
                module: 'MMM-google-route',
                position: 'bottom_left',
                config: {
                    height: '150px',
                    width: '300px',
                    key: 'your-google-apikey',
                    directionsRequest:{
                        origin: 'city country',
                        destination: 'city country'
                    }
                }
            },
    

    Hope this works, did for me!



  • it was so simple ! 😃
    i tried with “Address city country” for both origin and destination field… it works !! I think manual could be more precise on this point. Thank you very much @Valkilane



  • @Valkilane Hi, I know this is a bit old but what if you wanted to be more specific because the origin and the destination are both located in the same city…
    Im trying to use my address as the origin and a well known hospital in the city as the destination…

    my config is

    module: "MMM-google-route",
    	position: "top_left",
    	config: {
    		key: "google api-key",
    		directionsRequest:{
    		origin: "address, city, country",
    		destination: "lat", "lng", // can't figure out...
    		height: "400px",//default=300px
    		width: "400px",//default=300px
    		avoidTolls: true,
    		showAge: false,
    		fontSize: "80%",
    			}
    		}
    	},
    

    Do you know what order I have to put the coordinations in, so i can get this to work?



  • @FruityBebbles looks like the doc for the module references a google doc with says

    directionsRequest	Required The directions to show on the map.
    Type: google.maps.DirectionsRequest interface
    

    direction request link takes you here

    https://developers.google.com/maps/documentation/javascript/reference/directions#DirectionsRequest
    

    which says LatLng or LatLngLiteral
    https://developers.google.com/maps/documentation/javascript/reference/coordinates#LatLngLiteral

    which both show as this

    {lat: -34, lng: 151}
    

    so

    module: "MMM-google-route",
    	position: "top_left",
    	config: {
    		key: "google api-key",
    		directionsRequest:{
    		origin: "address, city, country",
    		destination: {"lat": number, "lng":number}, // can't figure out...
    		height: "400px",//default=300px
    		width: "400px",//default=300px
    		avoidTolls: true,
    		showAge: false,
    		fontSize: "80%",
    			}
    		}
    	},
    


  • @sdetweil Thankyou for laying it out for me! I was trying to put

     destination: [lat: number,  lng: number]
    

    instead of

    destination: {"lat": number,  "lng": number},
    
    • I didn’t know to add the “” or the {}

    now, my config looks like:

    module: "MMM-google-route",
    	position: "top_left",
    	config: {
    		key: "google api-key",
    		directionsRequest:{
    		origin: "address, city, country",
    		destination: {"lat": number, "lng": number},
    		height: "400px",//default=300px
    		width: "400px",//default=300px
    		avoidTolls: true,
    		showAge: false,
    		fontSize: "80%",
    			}
               }
    },
    

    I am getting a 400px by 400px box showing up in the “top_left” of my mirror, but now it’s all white with no map being shown…



  • @FruityBebbles said in MMM-google-route Example ?:

    origin: “address, city, country”,

    you of course set a good start point (origin) with the real location, right?

    a good lat/lng near me is { “lat”: 31.4490047,“lng”:-98.6031736}



  • yes… I should have said that my origin is the lat/lng

    origin: {"lat": , "lng": }
    

    and my destination is the

    address, city, country
    

    but to make things more translucent, here’s my config:

    {
    module: "MMM-google-route",
    position: "top_left",
    config: {
    	key: "api-key", 
    	directionsRequest:{
    		origin: {"lat": 40.0583287, "lng": -75.0074246},
    		destination: "3401 Civic Center Blvd, Philadelphia, US",
    			height: "400px",//default=300px
    			width: "400px",//default=300px
    			avoidTolls: true,
    			showAge: false,
    			fontSize: "80%",
    			}
    		}
    	},
    


  • @FruityBebbles please use code blocks

    anyhow, try this lat/lng for your destination

    39.9487306,-75.1965791

    i don’t know anything about this module



  • @sdetweil said in MMM-google-route Example ?:

    @FruityBebbles please use code blocks
    I thought I did… my bad

    anyhow, try this lat/lng for your destination

    39.9487306,-75.1965791

    I did, but no change…

    i don’t know anything about this module

    hahah could have fooled me 🙂
    but no, you’ve gotten me closer to having this work than I have on my own so I thank you a lot.


Log in to reply