Sigfox Callback과 IBM Watson IoT Platform과의 연계는 Sigfox Callback과 IBM Watson IoT 협력에서 설명했지만, 여기에서는 Sigfox 대응 GPS 트래커의 위치 정보를 지도 표시해 보겠습니다.

전제(Sigfox GPS 트래커)

여기에서는 위도 경도를 아래의 JSON으로 Sigfox Callback에서 전송한다고 전제로 이야기를 진행합니다.

sigfox-gps.json

{
  "device": "{device}",
  "time": {time},
  "data": "{data}",
  "lat": {customData#lat},
  "lng": {customData#lng}
}

이와 같이 위도 경도의 값으로서 {customData#lat}과 {customData#lng}를 사용하기 위해서는 Custom Payload Config 에서 lat와 lng를 float 등으로 선언해 둘 필요가 있습니다.

Node-RED 설정

Node-RED에서는 Node-RED Library 에서 전세계 사용자가 만든 노드가 공개되어 있으며 자신의 흐름에 추가할 수 있습니다.
여기에서는 worldmap이라는 노드를 사용합니다.

worldmap 노드를 플로우에 추가

Node-RED의 오른쪽 상단 메뉴에서 "팔레트 관리"메뉴를 선택하고 검색 막대에서 "worldmap"을 검색합니다.

"node-red-contrib-web-worldmap"이라는 노드가 목록에 표시되므로 노드 추가 버튼을 클릭합니다.
왼쪽 메뉴의 "location"그룹에 "worldmap"이 있기 때문에 플로우에 드래그 앤 드롭합니다.

worldmap 노드를 더블 클릭하면 다양한 설정이 가능하지만 worldmap의 속성 설정은 Base map에 대상 맵 데이터를 선택하는 것만으로 괜찮습니다. (이번에는 "OpenStreetMap"을 선택)

Watson IoT Platform에서 위치 정보를 worldmap에 표시

최종 흐름은 아래 그림과 같습니다. Watson IoT Platform에서 얻은 JSON 메시지에서 GPS 정보를 잘라내고 worldmap에 배포하는 "Plot GPS"function 노드와 맵의 패닝(이동)과 줌을 하는 Move and Zoom"function 노드를 만듭니다.

GPS 위치 정보 잘라내기(플롯 GPS) 기능 노드 만들기

Watson IoT에서 msg 객체로 다음 JSON이 전송됩니다.

fromWatsonIoT.json

{
  "topic": "iot-2/type/5a17978f5005747c7760123d/id/7B0DE2/evt/message/fmt/json",
  "payload": {
    "device": "7B0DEx",
    "time": 1540797562,
    "data": "0b8d274f056fffea002003f5",
    "lat": 35.6422308,
    "lng": 139.7415464
  },
  "deviceId": "7B0DEx",
  "deviceType": "5a17978f5005747c7760123x",
  "eventType": "message",
  "format": "json",
  "_msgid": "631ce355.88a95c"
}

여기에서 위도(lat), 경도(lng), 장치 ID(device)를 가져와 worldmap에 최소한 필요한 lat, lon, name에 매핑합니다. (이어서 아이콘도 설정합니다)

패닝 및 줌(Move and Zoom) 기능 노드 만들기

패닝과 줌을 수행하는 Move and Zoom function의 설정은 아래 그림과 같습니다. msg.payload.command에 위도 경도(lat, lon)를 지정하고 패닝, 줌 크기(zoom)를 지정합니다.

동작 확인

배포 [Ctrl]+[Shift]+[m] 키를 누르면 지도 대시보드 화면으로 이동합니다.
일반적으로 Node-RED URL이 htps : // x x. myb 에미 x. 네 t/레 d이면 지도 대시보드 URL은 htps : // x x. myb 에미 x. 네 t /를 rldd p /입니다.

GPS 위치 정보를 바탕으로 위치를 업데이트하는 지도 뷰어를 만들 수 있습니다.

worldmap 노드에는 다른 영역과 선 그리기, 히트맵 등의 기능이 있습니다. 여기 를 참고해 주세요.

Sigfox Japan KCCS