WebViewer元件結合GoogleMap

幾乎每一本Android教學書籍中都會介紹如何在App畫面中載入Google Map,偏偏這不是一件太簡單的事。App Inventor雖然沒有辦法載入正規的 MapView,但還是可以利用 WebViewer元件 載入靜態圖片來達到很好的效果。重點是很好學,只要熟悉超連結的參數就可以了,現在就一起來玩吧!

以下的語法都可以直接在網路瀏覽器中開啟

延伸閱讀(文章中都有App Inventor原始碼可以下載): 




將地圖在中正紀念堂(25.03091,121.50437)置中, 點擊小標籤之後就會顯示[Hello~]小視窗




這是一張靜態圖片, 分段說明如下

center=25.03091,121.50437 : 地圖在此處置中.

zoom=18 : 縮放比, 1最小(整顆地球). 23最大 (但要看該地是否有這個縮放比的照片).

size=640x640 : 圖片尺寸

sensor=false : 不接受手機GPS晶片的資料

maptype=roadmap : 地圖型態為街道圖, 您可以改為 roadmap, satellite(衛星圖), hybrid(街道與衛星混合圖) 還有 terrain (地形圖).

markers=color:blue%7Clabel:C%7C25.03091,121.50437 : 在25.03091,121.50437處加入大頭針, 藍色, 標籤文字C.




在一張圖中放入兩個大頭針


&markers=color:blue|label:S|25.03091,121.50437   -->在25.03091,121.50437處放置一個藍色,標籤為S的大頭針。

ċ
Gmap_roadmap.aia
(4k)
楊哲明,
2016年2月21日 上午1:53
ċ
Gmap_roadmap.zip
(4k)
曾吉弘,
2012年12月23日 下午6:34
ċ
test1215.aia
(2k)
曾吉弘,
2016年12月14日 下午8:27
Comments