iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 22
1
自我挑戰組

從積木開始學程式系列 第 22

[DAY>22<]什麼?我也可以做出查詢公車的APP?--(簡單解析JSON資料)

  • 分享至 

  • xImage
  •  

https://x.thunkable.com/copy/692faf7083a50d72f5eb97a7f77ee488
今天準備好介面
我們開始解析JSON的資料
我們要做到當我們看到公車的時候我們可以知道公車目前的位置
https://ithelp.ithome.com.tw/upload/images/20181106/20108017sw5Uj5D8Jd.png

首先我們先在程式碼的地方新增三個變數
分別為
公車號碼、公車位置緯度、公車位置經度
其值皆為空字串
https://ithelp.ithome.com.tw/upload/images/20181106/20108017RuDzbCy3PR.png

再來當我們點下找公車的按鈕時
我們就要從JSON資料內撈出公車的車牌號碼、公車位置緯度以及公車位置經度
https://ithelp.ithome.com.tw/upload/images/20181106/20108017n1BLog1083.png

我們要將取得的資料解碼為JSON
請利用Object內的轉成JSON功能
https://ithelp.ithome.com.tw/upload/images/20181106/20108017oiezkuGVhM.png
然後我們要看JSON的架構是如何編排
可以利用這個網站
http://jsoneditoronline.org/
將我們的資料貼到這個網站再讓他幫你把JSON美化,
這樣就方便看了!!
https://ithelp.ithome.com.tw/upload/images/20181106/20108017dgYz7bSuMr.png

就可以發現如果要找到"公車車牌號碼(PlateNumb)"
他的資料以路徑表示是這樣
array/0/PlateNumb
但是在程式碼中不需要去找array,因為在解析json的object就已經將array解開了
所以這樣解下來我們路徑剩下這樣
0/PlateNumb
但又因為我們的平台的索引是從1開始,不是從0開始
所以在這裡我們要將0變更為1

明天再繼續如何把經緯度帶到地圖內


上一篇
[DAY>21<]什麼?我也可以做出查詢公車的APP?--(利用WebAPI抓資料)
下一篇
[DAY>23<]什麼?我也可以做出查詢公車的APP?--(將資料帶入map)
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
nsldon55
iT邦新手 5 級 ‧ 2020-11-28 11:29:29

請教一下!我已完成PTX註冊,要如何將PTX給的APPID與KEY加入thunkable?

我要留言

立即登入留言