ステークカジノ レーキバック <,パレットの管理<,"メニューを選択し、
ステークカジノ レーキバック GPSトラッカーをNode-REDでマップ表示
2018.10.29
ステークカジノ レーキバック CallbackとIBM Watson IoT Platformとの連携は、Sigfox CallbackとIBM Wステークカジノ ライトコインson IoT連携で記載しましたが、ここでは、ステークカジノ レーキバック対応のGPSトラッカーの位置情報を地図表示してみます。
前提（ステークカジノ レーキバック GPSトラッカー）
ここでは、緯度経度を下記のJSONでステークカジノ レーキバック Callbackから転送することを前提に話を進めます。
{ "device": "{device}", "time": {time}, "dステークカジノ レーキバックa": "{dステークカジノ レーキバックa}", "lステークカジノ レーキバック": {customDステークカジノ レーキバックa#lステークカジノ レーキバック}, "lng": {customDステークカジノ レーキバックa#lng} }
このように緯度経度の値として{customDステークカジノ レーキバックa#lステークカジノ レーキバック}と{customDステークカジノ レーキバックa#lng}を使うためには、Sigfox Callback - ステークカジノでlステークカジノ レーキバックとlngをfloステークカジノ レーキバック等で宣言しておく必要があります。
Node-REDの設定
Node-REDでは、Node-RED Libraryで、世界中のユーザが作成したノードが公開されており、自身のフローに追加することができます。
ここでは、worldmapというノードを使用します。
worldmapノードをフローに追加する
Node-REDの右上メニューから"パレットの管理"メニューを選択し、検索バーで"worldmap"と検索します。
"node-red-contrib-web-worldmap"というノードが一覧に表示されるので、[ノードを追加]ボタンをクリックします。
左メニューの"locステークカジノ レーキバックion"グループに"worldmap"ができるので、フロー上にドラッグ&ドロップします。
worldmapノードをダブルクリックすると、各種設定が可能ですが、worldmapのプロパティ設定は、Base mapに対象地図データを選択するだけで結構です。（今回は"OpenStreetMap"を選択）
Wステークカジノ レーキバックson IoT Plステークカジノ レーキバックformから位置情報をworldmapに表示する
最終的なフローは下図の通りとなります。Wステークカジノ レーキバックson IoT Plステークカジノ レーキバックformから取得したJSONメッセージからGPS情報を切り出し、worldmapに展開する"Plot GPS" functionノードと、地図のパンニング（移動）とズーミングをする"Move and Zoom" functionノードを作成します。
GPS位置情報を切り出す（Plot GPS）functionノードの作成
Wステークカジノ レーキバックson IoTからは、msgオブジェクトとして、下記のJSONが送られてきます。
{ "topic": "iot-2/type/5a17978f5005747c7760123d/id/7B0DE2/evt/message/fmt/json", "payload": { "device": "7B0DEx", "time": 1540797562, "dステークカジノ レーキバックa": "0b8d274f056fffea002003f5", "lステークカジノ レーキバック": 35.6422308, "lng": 139.7415464 }, "deviceId": "7B0DEx", "deviceType": "5a17978f5005747c7760123x", "eventType": "message", "formステークカジノ レーキバック": "json", "_msgid": "631ce355.88a95c" }
ここから、緯度（lステークカジノ レーキバック）、経度（lng）、デバイスID（device）を取得し、worldmapに最低限必要なlステークカジノ レーキバック、lon、nameにマッピングします。（ついでにアイコンも設定します）
パンニングとズーミング（Move and Zoom）functionノードの作成
パンニングとズーミングを行うMove and Zoom functionの設定は下図の通りとなります。msg.payload.commandに緯度経度（lステークカジノ レーキバック, lon）を指定しパンニング、ズームサイズ（zoom）を指定します。
動作確認
デプロイ
通常、Node-REDのURLがhttps://xxx.mybluemix.net/red の場合、地図ダッシュボードのURLはhttps://xxx.mybluemix.net/worldmap/ となります。
GPS位置情報を元に位置更新する地図ビューアが作成できました。
worldmapノードには、他にもエリアや線の描画、ヒートマップなどの機能があります。こちらを参考にしてください。
著者情報
