App Inventor 2 地圖元件

環境: Chrome + App Inventor 2

地圖元件是一個二維容器可以把一塊塊地圖展示成背景,並可以在地圖上加上多個標記元素來分辨地圖上的定點。這些一塊塊的地圖是由OpenStreetMap的參予者和United States Geological Survey 所提供。

地圖組件提供有三個工具,可在App Inverntor 內操控地圖的邊界。第一個是一個銷定的機制,使地圖可以相於螢幕上的組件而移動。第二個是當解開鎖定時,可以移動景觀到地圖上每一個位置,而在這新的位置,點擊「設定為初始邊界」按鈕可以把它的屬性成為目前的地圖坐標。最後是如果地圖被移動一個不同位置時,例如要加上螢幕以外的地標,點擊「重設地圖初始邊界」按鈕可以重設地圖中心為開始的位置。

一、 元件面板的地圖區塊中有多種元件。
二、 先將一個地圖元件拖拉至工作面板Screen1中,可以看到地圖的中心字串預設的經緯度,輸入欲查詢的景點經緯度,並將地圖元件填滿Screen1即可完整顯示該景點地圖。
三、 假設景點座標為台北101:25.033493, 121.564101,置換元件屬性的中心字串為台北101的經緯度,地圖即顯示此景點。
四、 雖然看起來是信義區的地圖,但沒有加入標記,並不能明確知道地點。在Screen1中再加入標記(Marker)元件;此時加入的標記元件並無指定,而是在Screen1上的一個隨便位置。

標記(Marker)

標記是一個置於一點上的圖標,用來在地圖上提供資訊。標記可以用來提供一個資訊視窗,自定填色、線條顏色,更可自定向用戶提供資訊的圖像。

五、 若要在程式初始時標記即定位在台北101的景點,可於Screen1初始化的事件中,呼叫標記元件設定其經緯度。
六、 依此延伸,可製作下拉式選單或按鈕,在選擇景點後,將地圖中心及標記皆設定為景點的經緯度,或可放大縮小靈活運用地圖元件。
以上是關於「App Inventor 2 地圖元件」的說明,這麼實用的小撇步,您一定要學會喔!

- 回422期電子報主頁 -

財團法人中華民國電腦技能基金會版權所有,未經確認授權,嚴禁轉貼節錄
 TEL:02-2577-8806 ‧ FAX:02-2577-8135 服務信箱: [email protected]