Embedded Waze Live Traffic Map Widget

The Google Maps embedded by URL API requires an API key, has the potential to cost, and doesn’t show live traffic conditions. So I created this Waze Maps widget.

Waze doesn’t require an API key, but please do not refresh too fast or your IP may get temporarily banned.

Unfortunately their API only supports lat,lon, but you can use the map in Settings → Regional Settings to easily find the coordinates you want to use for the center point.

Unlike the Google Maps widget, this will not show driving directions and the time it will take. However, stay tuned for a rule template to pull the time to drive between two points and put that into an Item. It only shows the current traffic conditions and alerts around the center point.

Header and footer text are optional.

Changelog

Version 0.1

  • initial release

Resources

uid: rlk_waze
tags: []
props:
  parameters:
    - description: Center point in latitude,longitude format
      label: Center
      name: center
      required: true
      type: TEXT
      context: location
    - default: "11"
      description: The initial map zoom level, between 3 (least magnification) and 17.
        Defaults to 11.
      label: Initial Zoom
      name: zoom
      required: false
      type: INTEGER
      min: 3
      max: 17
    - default: ""
      description: Title for the widget
      label: Widget Title
      name: title
      required: false
      type: TEXT
    - default: "500"
      description: Height in pixels to make the card (defaults to 500)
      label: Card Height
      name: height
      required: false
      type: TEXT
    - default: ""
      description: Text to put into the footer of the widget
      label: Footer
      name: footer
      required: false
  parameterGroups: []
timestamp: Jan 9, 2025, 11:40:54 AM
component: oh-webframe-card
config:
  height: =props.height
  src: ="https://embed.waze.com/iframe?zoom="+props.zoom+"&lat="+props.center.split(',')[0].trim()+"&lon="+props.center.split(',')[1].trim()+"&ct=livemap&pin=1"
  title: =props.title
  footer: =props.footer
3 Likes