本示例創(chuàng)建一個(gè)設(shè)備地圖大屏,通過物聯(lián)網(wǎng)應(yīng)用開發(fā)的空間功能監(jiān)測(cè)并展示不同區(qū)域作物土壤的實(shí)時(shí)環(huán)境數(shù)據(jù)。

前提條件

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

步驟一:創(chuàng)建土壤傳感器設(shè)備

  1. 登錄物聯(lián)網(wǎng)應(yīng)用開發(fā)控制臺(tái),在頁面左上角選擇對(duì)應(yīng)實(shí)例后,在左側(cè)導(dǎo)航欄單擊項(xiàng)目管理。
    您也可登錄物聯(lián)網(wǎng)平臺(tái)控制臺(tái),在左側(cè)導(dǎo)航欄選擇增值服務(wù),單擊選購(gòu)增值服務(wù)中的前往查看服務(wù),在增值服務(wù)中心,單擊IoT Studio區(qū)域的立即試用,進(jìn)入IoT Studio控制臺(tái)。
  2. 在普通項(xiàng)目列表中,找到項(xiàng)目:project_space,單擊項(xiàng)目卡片。
  3. 在項(xiàng)目詳情頁,單擊左側(cè)導(dǎo)航欄的產(chǎn)品,單擊創(chuàng)建產(chǎn)品,完成參數(shù)配置,單擊確認(rèn)。
    本案例為產(chǎn)品命名為土壤傳感器,選擇自定義品類,其他參數(shù)使用默認(rèn)值。

    參數(shù)說明的更多信息,請(qǐng)參見參數(shù)說明表

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

    數(shù)據(jù)類型為double,取值范圍為-180~180。

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

步驟二:新增空間

在項(xiàng)目詳情頁,單擊左側(cè)導(dǎo)航欄的空間,對(duì)應(yīng)土壤傳感器1號(hào)、2號(hào)、3號(hào)所在地理位置,分別新增實(shí)驗(yàn)地1號(hào)實(shí)驗(yàn)地2號(hào)、實(shí)驗(yàn)地3號(hào)空間。具體操作,請(qǐng)參見新增空間

空間示例

步驟三:配置設(shè)備地圖

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

    有關(guān)組件添加的更多信息,請(qǐng)參見添加組件。

    設(shè)備地圖
  4. 在Web應(yīng)用編輯器右側(cè)樣式中,單擊編輯設(shè)備地圖。
  5. 設(shè)備地圖編輯器設(shè)備數(shù)據(jù)頁面,單擊選擇產(chǎn)品,將3個(gè)土壤傳感器導(dǎo)入設(shè)備地圖組件。
    選擇產(chǎn)品
  6. 單擊土壤傳感器右側(cè)的設(shè)置按鈕設(shè)置,設(shè)置氣泡展示設(shè)備屬性值。
    設(shè)備示例

步驟四:為設(shè)備添加地理空間

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

    單擊空間所在區(qū)域的任意位置,展示對(duì)應(yīng)的地理空間信息;單擊設(shè)備氣泡點(diǎn),展示該區(qū)域土壤的實(shí)時(shí)環(huán)境數(shù)據(jù)。

    效果示例
  4. 單擊發(fā)布按鈕,將應(yīng)用發(fā)布到云端后使用。