本示例創建一個設備地圖大屏,通過物聯網應用開發的空間功能監測并展示不同區域作物土壤的實時環境數據。

前提條件

已完成創建項目(例如:project_space)。具體操作,請參見普通項目

步驟一:創建土壤傳感器設備

  1. 登錄物聯網應用開發控制臺,在頁面左上角選擇對應實例后,在左側導航欄單擊項目管理
    您也可登錄物聯網平臺控制臺,在左側導航欄選擇增值服務,單擊選購增值服務中的前往查看服務,在增值服務中心,單擊IoT Studio區域的立即試用,進入IoT Studio控制臺。
  2. 在普通項目列表中,找到項目:project_space,單擊項目卡片。
  3. 在項目詳情頁,單擊左側導航欄的產品,單擊創建產品,完成參數配置,單擊確認
    本案例為產品命名為土壤傳感器,選擇自定義品類,其他參數使用默認值。

    參數說明的更多信息,請參見參數說明表

  4. 在產品列表中,單擊土壤傳感器產品對應操作欄的查看,單擊功能定義,為產品自定義物模型屬性,說明如下所示。
    功能名稱 標識符 數據類型 取值范圍 單位 讀寫類型
    土壤溫度 soilTemperature double(雙精度浮點型) -10~100 攝氏度/℃ 讀寫
    土壤體積含水率 Soilvolumetricwater double(雙精度浮點型) 0~100 百分比/% 讀寫
    地理位置 GeoLocation struct(結構體) 添加JSON對象,參數:
    • 經度(Longitude)
    • 緯度(Latitude)

    數據類型為double,取值范圍為-180~180。

    度/° 讀寫
  5. 在產品詳情頁,單擊設備數右側的前往管理。在設備頁面,單擊添加設備,添加3個土壤傳感器設備。
    DeviceName(備注名稱)分別為:soil_sensor_01(土壤傳感器1號)soil_sensor_02(土壤傳感器2號)soil_sensor_03(土壤傳感器3號)。具體操作,請參見設備設備
  6. 本案例使用設備模擬器的屬性上報數據。其中地理位置(可使用高德開放平臺經緯度拾取工具)設置為3個不同的值,其他屬性值可自定義。具體操作,請參見設備模擬器

步驟二:新增空間

在項目詳情頁,單擊左側導航欄的空間,對應土壤傳感器1號、2號、3號所在地理位置,分別新增實驗地1號實驗地2號實驗地3號空間。具體操作,請參見新增空間

空間示例

步驟三:配置設備地圖

  1. 創建Web可視化應用(例如:設備地圖大屏)。具體操作,請參見創建Web應用
  2. 在Web應用編輯器中,單擊最左側的組件圖標組件
  3. 在畫布左側組件列表上方,輸入設備地圖,找到該組件,然后將組件拖拽到中間畫布。

    有關組件添加的更多信息,請參見添加組件

    設備地圖
  4. 在Web應用編輯器右側樣式中,單擊編輯設備地圖
  5. 設備地圖編輯器設備數據頁面,單擊選擇產品,將3個土壤傳感器導入設備地圖組件。
    選擇產品
  6. 單擊土壤傳感器右側的設置按鈕設置,設置氣泡展示設備屬性值。
    設備示例

步驟四:為設備添加地理空間

  1. 返回設備地圖編輯器,單擊最右側功能菜單的地理空間,添加已新增的實驗地1號實驗地2號實驗地3號空間。然后自定義地理空間樣式,如圖所示。具體操作,請參見(可選)配置地理空間
    空間樣式示例
  2. 單擊頁面保存按鈕,然后返回Web可視化編輯頁面,刷新設備地圖組件。
  3. 單擊頁面右上角預覽按鈕,查看設備展示效果。
    如圖所示,您可在Web頁面根據地圖顯示顏色,快速觀察分析不同區域對應農作物的土壤環境。

    單擊空間所在區域的任意位置,展示對應的地理空間信息;單擊設備氣泡點,展示該區域土壤的實時環境數據。

    效果示例
  4. 單擊發布按鈕,將應用發布到云端后使用。