Waze iFrame

Developers can enhance their websites by embedding a Waze Live Map. This feature allows visitors to search for locations and view real-time traffic updates based on Waze's real-time map data. 

To embed an iFrame with Waze Live Map, follow these steps:

1. Open your web page in a text editor.
2. Add your iFrame code to your web page to generate an iFrame.
3. Open the Waze Live Map, search for your location either in the search bar or by zooming in and clicking on a specific segment of the map.
4. Click the share icon in the bottom right corner of the map.
5. A pop-up should appear with a customized embed code. Copy and paste the code into the body of your web page.

Note: The zoom level of your view on the Live Map is reflected in the embed code. You can modify the zoom level with the zoom parameter.

Here's an example of how to embed the Live Map into your website. Update the URL parameters for your use case.

HTML

<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983"
  width="300" height="400"></iframe>

To embed the iFrame into a responsive website, we recommend that you use common CSS techniques to set the iFrame size automatically, based on the screen size.

URL Parameters

The following table describes the parameters of the Waze iFrame:

Parameter: Required?: Description

• desc: Optional: Set this parameter to any value to display a descriptive text block in the Live Map. Broadcasters use this text to provide up-to-date information for Wazers, with no need for manual updates to their stations' websites. All text is created by Waze ensuring the content is correct.
• lat :Required: The latitude of the map's center point.
• lon: Required: The longitude of the map's center point.
• pin: Optional: Set to 1 to place a pin to the center of the map.
• zoom: Required: The level of magnification of the map when it is opened. The minimum value is 3 (least magnification). The maximum value is 17 (most magnification).

Localization

The default language code is English. For more information, see Localizing the iFrame.

Here's an example of how to change the display language:

HTML

<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983"
  width="300" height="400"></iframe>

Guidelines

To embed the Waze Live Map on your site, you must adhere to the following guidelines:

• Do not associate Waze with use of a non-Waze map in any way.
• Do not use Waze-branded materials (logo, icons, etc) with non-Waze maps.