[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(按鈕)

元件類別父類別名稱該元件用途
LabelUser InterfaceLabel1顯示(Date(YYYY-MM-DD)
TextBoxUser InterfaceDate輸入框
LabelUser InterfaceLabel2顯示(Note
ButtonUser InterfaceSubmit送出訊息
LabelUser InterfaceConfirmation顯示回傳的訊息
WebViewerUser InterfaceWebViewer1取得回傳內容
FusiontablesControlStorageFusiontablesControl1使用 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中。

 

手機畫面

  

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *