このページは Cloud Translation API によって翻訳されました。

Waze iframe の使用

開発者は Waze のライブマップをウェブサイトに埋め込むことができます。公開中の地図では、訪問者が Waze のリアルタイムの地図データに基づくリアルタイムの交通情報を表示します。

iFrame を使用して Waze Live Map をウェブサイトに埋め込むことで、出力が次のように見えるようになります。次のようになります。

デフォルトでは、公開中の地図には、その地図の検索とルーティングオプションへのリンクが表示されます。

ライブマップのその他の設定オプションの例については、以下をご覧ください。例。

Waze Live Map で iFrame を埋め込むには:

テキストエディタでウェブページを開きます。
ウェブページで iframe を生成するには、iframe コードをウェブページに追加します。
Waze のライブマップを開きます。検索バーを使用するか、ズームインして目的の場所をクリックして、現在地を検索します。作成します。
画面右下の共有アイコンをクリックします。表示されます。
カスタマイズされた埋め込みコードを含むポップアップが表示されます。コードをコピーして追加できます

注: ライブマップで表示するズームレベルは、埋め込みコードに反映されます。ズームレベルは、zoom パラメータで変更できます。詳細については、次をご覧ください: URL パラメータ

次の例は、ウェブサイトにライブマップを埋め込む方法を示しています。URL を更新するパラメータを選択します。

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

iframe をレスポンシブウェブサイトに埋め込むには、一般的な CSS 手法を使用して、画面サイズに基づいて、iFrame サイズが自動的に設定されます。

URL パラメータ

次の表に、Waze iFrame のパラメータを示します。

パラメータ	必須	説明
`desc`	省略可	このパラメータに任意の値を設定すると、公開中の地図に説明テキストブロックが表示されます。放送局はこのテキストを使用して Wazer に最新情報を提供するため、充電スタンドの手動更新にウェブサイト。すべてのテキストは Waze が作成し、コンテンツが正解です。
`lat`	必須	地図の中心点の緯度。
`lon`	必須	地図の中心点の経度。
`pin`	省略可	1 に設定すると、地図の中央にピンを配置します。例: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe>
`zoom`	必須	開いたときの地図の拡大レベル。最小値は 3（最小倍率）です。最大値は 17 です（ほとんどの。

デフォルトの言語コードは英語です。詳しくは、ローカライズあります。

次の例は、表示言語を変更する方法を示しています。

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

Waze ライブマップをサイトに埋め込むには、以下のガイドラインに従う必要があります。

パラメータを組み合わせてさまざまな視覚要素を追加する例を以下に示します。次の操作を行います。

次の iframe 実装では、地図のピンが表示されます。

ニューヨーク州マンハッタン（ピンあり）:

iframe では次のコードを使用します。

<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
            width="100%" height="520"></iframe>

次の iframe の実装では、地図のピンと説明文を表示します。

サンパウロ（ピンと説明を含む）:

iframe では次のコードを使用します。

<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
            width="100%" height="520"></iframe>

次の iframe 実装では、地図のピンが表示されます。

パリ、フランス（PIN あり）:

iframe では次のコードを使用します。

<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
            width="100%" height="520"></iframe>