Waze Travel Time as iFrame

Configuration
1

Hello!
I try to add a Map of my daily Way to my Workplace mit Waze.
With the Glance Card it works fine, but i cant see if there is a Traffic Jam or something else on the Way.

I added the Website-Card, add the Waze Custom URL with Start and Destination Address. But i got this Error:

grafik
grafik1036×543 29.1 KB

Text in English:
Firefox must not open this embedded page

For your protection, www.waze.com does not allow Firefox to display this page if it is embedded in another page. To display the page, it must be opened in a new tab.

When i click the “Open in new Tab” the Waze Route is showed correct.

How can i integrate a live Map?

My HA:
Version 0.118.4
OS 4.16
Hardware: Raspberry Pi 4

2

You have to use the embeded iframe url. There’s an example on this page

https://developers.google.com/waze/iframe

3

Hi Petro.
Yes i used this Guide.
When i share the Link to the Map i got this:
Driving directions to Jena, TH, DE - Waze (i delete my Address :wink: )

In HA i choose the website-card (or iframe)
I added the link:

type: iframe
url: >-
Driving directions to Jena, TH, DE - Waze
aspect_ratio: 100%

and there i got the Message from Firefox the the Waze-Website cant be displayed

grafik
grafik1059×580 20.5 KB

4

Please read the link I posted. It states how to use the iframe URL.

image
image1187×484 47.2 KB

I’m sorry but you’re going to have to read and understand that link. I’m not going to engineer the links for you.

5

For those arriving here the quick answer (and engineering :slight_smile: behind) is:

  • go on the live map
  • right mouse button where you want the map to be centered
  • zoom in or out if you want
  • right mouse button again → share
  • copy the URL from “embed a map”
  • remove unneded:

Let’s say you get this iFrame then remove all from the start to the https and after livemap
<iframe src="https://embed.waze.com/iframe?zoom=17&lat=50.805507&lon=15.396424&ct=livemap" width="600" height="450" allowfullscreen></iframe>

that in the end it looks like this
https://embed.waze.com/iframe?zoom=17&lat=50.805507&lon=15.396424&ct=livemap

add this to the webpage card.