For some reason I am getting an error when I do the npm-install
~/MagicMirror/modules/MMM-MyWasteCollection $ npm install
npm WARN mmmmywastepickup@1.0.0 No repository field.
I put the example config in and nothing shows up.
Also are the quotes right in the example config for collectionCalendar?
{
module: 'MMM-MyWastePickup',
position: 'top_left',
header: 'My Waste Collection',
config: {
collectionCalendar: `Tuesday1`
}
},This works great! I had to modify the css to fix the spacing… Thanks for making this happen!!
after that, put the HTML file in the MMM-iFrameReload directory…
you generate the HTML file from this site
https://developers.google.com/maps/documentation/javascript/examples/layer-traffic
check out sonarr… it generates an ical and is unlimited for shows
I was able to achieve this with MMM-iFrameReload and an html file in that folder from google maps api… It looks something like this.
{
module: ‘MMM-iFrameReload’,
header:‘Traffic Map’,
position: ‘top_right’, // This can be any of the regions.
config: {
// See ‘Configuration options’ for more information.
url: “http://localhost:8080/modules/MMM-iFrameReload/nameofhtmlfile.html”,
width: “580px”, // Optional. Default: 400px
height: “1100px”, // Optional. Default: 800px
refreshInterval: 600 //Optional. Default: 3600 = 1 hour
}
},
with this code below to make the map and save the html in the iframe folder
https://developers.google.com/maps/documentation/javascript/examples/layer-traffic
it looks like you have single quotes where double quotes are needed… as for the api key you can test it by substituting the url with one from another site.
this might also help / prevent you from even having to build a module
https://github.com/CFenner/MagicMirror-LocalTransport-Module
I was able to achieve this with MMM-iFrameReload and an html file in that folder… It looks something like this.
{
module: ‘MMM-iFrameReload’,
header:‘Traffic Map’,
position: ‘top_right’, // This can be any of the regions.
config: {
// See ‘Configuration options’ for more information.
url: “http://localhost:8080/modules/MMM-iFrameReload/nameofhtmlfile.html”,
width: “580px”, // Optional. Default: 400px
height: “1100px”, // Optional. Default: 800px
refreshInterval: 600 //Optional. Default: 3600 = 1 hour
}
},
with this code below to make the map and save the html in the iframe folder
https://developers.google.com/maps/documentation/javascript/examples/layer-traffic
@CyanKali have you checked out MMM-iFrameReload??