App Inventor學習記錄117-Locationsensor + GPS + MAP,凡走過必留下痕跡

這次利用 Locationsensor位置感測器MAP地圖元件,以及在手機上打開 GPS,做的即時位置回報功能。

記錄一下:
App Inventor學習記錄117-Locationsensor + GPS + MAP,凡走過必留下痕跡


這次的範例演示如下。

在模擬器變更定位點之後,就會在地圖元件上加上一個標記。
實際在手機上的話,就是會固定一個時間,回傳一個標記。當然得打開 GPS定位功能。
多設定幾個標記之後,把地圖縮小來看,就會看到我們移動的痕跡。


畫面編排如下。

標籤 1、2,是用來顯示當下的經緯度數值。
文字輸入盒 1、2,可以用來直接要下標記的經緯度數值。
其它就是地圖元件跟位置感測器元件。


全部的程式碼如下。


第 1部份的程式碼說明。

建立變數_最新經度,位置感測器位置有變化的時候,用這個變數來取它的最新值。
建立變數_最新緯度,位置感測器位置有變化的時候,用這個變數來取它的最新值。
建立變數_標記,這個是用來在地圖上放標記用的。


第 2部份的程式碼說明。

when Screen1.initialize當程式啟動的時候。
呼叫地圖元件,把地圖的中心的移動到指定的經緯度。
latitude是緯度
longitude是經度
zoom是放大的比例


第 3部份的程式碼說明。

當按鈕 1按下的時候,把文字輸入盒 1、2的值,設定成變數_最新經度變數_最新緯度的值。
然後把變數_標記,設定成 call地圖.createmaker
再從任意元件的地方,拉出方塊,調整變數_標記的相關設定。
最後,再把地圖的中心點,移到最新的地方。


第 4部份的程式碼說明。

在位置感測器有位置變化的時候,更新變數_最新經度變數_最新緯度的資料。
其它的部份是差不多的。


這個程式運行一段時間之後,我們把地圖縮小來看。就會是像這樣子。


會做這個東西,是因為我們長官一直在問我有沒有辦法去看到出差人員的即時位置。因為我們公司對於常出差的人員,會配公務手機。所以我想到的就是 google地圖。

但是呢,我們長官又嫌 google地圖的位置功能,不夠即時,問我有沒有其它的方法。
本來我的心裡一直是很排斥這個動作。後來想一想,這種可以即時顯示位置的功能,好像有一點像車隊管理的概念,就試著用 app inventor寫寫看,暫時出來的結果就是這一次的範例。

當然可以加的東西還是很多,比如說分帳號登入,管理的帳號登入的時候,就可以看到每一個人的位置。或是到達某個地點的時間等等等的。

這次的 aia檔的下載連結如下:
NO_117_GPS_location.aia

我在 line上有建立一個「APP INVENTOR 交流」的社群,如果有問題的話,大家也可以在這裡討論。人多力量大,大家可以互相的交流學習。
而且 line也很方便,有什麼問題截個圖看一下,會比文字說明來的清楚些,這也是比在網頁下方或是 youtube影片下方留言討論更方便的地方。

有興趣的朋友可以點擊連結加入,也可以掃描 QR code加入。
您已被邀請加入「APP INVENTOR 交流」!請點選以下連結加入社群!
https://line.me/ti/g2/Loxwrcc2iNRS5-Qd4SFXxQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響