Main Content

このページは機械翻訳を使用して翻訳されました。元の英語を参照するには、ここをクリックします。

Show Channel Map

チャネルの位置を地図上に表示

Web ページに地図を埋め込むには、 Show Channel Mapを使用します。

要求

HTTP メソッド

GET

URL

https://thingspeak.com/channels/<channel_id>/maps/channel_show

URLパラメーター

名前説明

<channel_id>

(必須) 対象のチャネルのチャネルID。

URL の例: https://thingspeak.com/channels/276330/maps/channel_show

クエリ文字列パラメーター

名前説明値のタイプ
read_api_key

(プライベートチャネルの場合は必須)。この特定のチャネルの読み取り API キーを指定します。チャネルビューのAPI Keysタブで読み取り API キーを見つけます。

string

width

(オプション) マップの幅 (ピクセル単位)。デフォルトのマップ幅は 450 です。

整数

height

(オプション) グラフの高さ (ピクセル単位)。デフォルトのマップの高さは 260 です。

整数

対応

成功

HTTPステータスコード

200 OK

Body例
GET https://thingspeak.com/channels/12397/maps/channel_show

応答は、 Channel Settingsページに設定された緯度と経度のマーカーを示す地図です。

エラー

完全なリストについては、エラー コード を参照してください。

チャネルにアクセスできない場合、応答は The requested map is not accessible. Provide a public channel or the read API key for the private channel as a parameter: read_api_key=XXXXXXXXXXXXXXXX です。

Web ページの iframe に地図を埋め込む

  1. サンプル形式を使用して、 Show Channel Map REST 呼び出しを作成します。チャネルがプライベートの場合は、 read_api_keyパラメーターを追加します。Web ブラウザを使用して通話をテストします。

  2. 次の要素を含む html ファイルを作成します。<channel_id> をチャネルID に置き換え、 XXXXXXXXXXXXXXXX を対象のチャネルの読み取り API キーに置き換えます。

    <html><head><title>ThingSpeak Embedded Map</title></head>
    <body>
    <iframe width="650" height="800" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/<channel_id>/maps/channel_show?read_api_key=XXXXXXXXXXXXXXXX&height=800">
    </body></html>
  3. ファイルに.HTML拡張子を付けて保存します。

  4. Web ブラウザでファイルを開くと、埋め込まれたマップが表示されます。