[App Inventor 教學]Google Fusion Tables 統計地圖

http://www.appinventor.tw/fusion_tables <- aia source檔請由本頁下載

功能說明

運用 Google Fusion Tables 來儲存資料(DateNote),並使用WebViewer 元件來顯示 Google Fusion TablesGoogle Fusion Tables 讓您能以更簡易的方式建立各類 GIS 統計地圖。

畫面製作說明

Label(標籤)、WebViewerFusiontablesControlTextBox(文字輸入塊)、Button(按鈕)

元件類別 父類別 名稱 該元件用途
Label User Interface Label1 顯示(Date(YYYY-MM-DD)
TextBox User Interface Date 輸入框
Label User Interface Label2 顯示(Note
Button User Interface Submit 送出訊息
Label User Interface Confirmation 顯示回傳的訊息
WebViewer User Interface WebViewer1 取得回傳內容
FusiontablesControl Storage FusiontablesControl1 使用 Google Fusion Tables 來儲存傳送的訊息

 

程式說明

Step1 宣告變數。

TABLE_URLFusion Tables的公開網址

TABLE_IDFusion TablesID

API_KEYFusion TablesAPI密鑰

 

建立Fusion Tables

進入https://support.google.com/fusiontables/answer/2571232

此為Fusion Tables的公開網址

[1p4…Pf4] 此為Fusion TablesID

取得Fusion TablesAPI密鑰

進入https://code.google.com/apis/console/

 

 

 

Step2:程式初始化時,設定FusiontablesApiKey,並設定WebViewer一開始要開啟的網頁 URL

 

Step3:呼叫 procedure副程式,將值傳送給Fusion Tables 伺服器。

 

Step4:取得Fusion Tables 伺服器回傳的訊息並顯示在 WebViewer中。

 

手機畫面

  

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *