Maps traffic widget?


I would like to have a widget that shows google map at home location with displaying the trafic arround.

I found this possible options:!/quickstart

Tried the first one but of course it doesn’t work :slight_smile:

      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
 <div id="map"></div>
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 13,
          center: {lat: 34.04924594193164, lng: -118.24104309082031}

        var trafficLayer = new google.maps.TrafficLayer();
    <script async defer

Any one can help to guide me in the right direction?

1 Like


did you replace API_KEY with a generated Google API Key? I did, but it still didn’t work, too. Storing this code locally as html an opening in a browser does work.

Any ideas or different solutions?

Thanks and best regards,

I am using now bing maps static image which works ok:,280&mapLayer=TrafficFlow&format=png&key=[ApiKey]

This site can help you build up the link:

You can also use Waze - just add a Frame widget with an URL like:

You have a header and footer button that you can’t remove but it’s better than nothing.
You can go to to recenter the map and get a permalink with the coordinates and zoom (button in the bottom-right corner).