close

常常在很多App裡面可以看到會把位置標在Google Map上給使用者看

我做出來的畫面會是長這樣~~

Screenshot_20180423-153302.jpg


Step 1:

先到Google Api的開發者介面申請專案

Google Cloud Platform 連結點我

螢幕快照 2018-04-23 下午3.07.44.png

螢幕快照 2018-04-23 下午3.09.21.png

Step 2:

Google Maps Api連結點我

螢幕快照 2018-04-23 下午2.57.41.png

點選Android

 

Step 3:

螢幕快照 2018-04-23 下午3.00.25.png

 

 

點選取得金鑰後選擇你剛剛建立的專案名稱

螢幕快照 2018-04-23 下午3.12.03.png

 

Step 4:

螢幕快照 2018-04-23 下午3.13.24.png

YOUR API KEY就是你等等需要用到的東西!!這很重要!!

 

Step 5:

現在Android Studio可以直接新增包含Google map的Activity!超方便的

螢幕快照 2018-04-23 下午3.17.09.png

Step 6:

新增後會變成這個畫面~~然後要把剛剛在Google Map Api網頁生成的key貼到這邊來

螢幕快照 2018-04-23 下午3.18.55.png

Step 7:

Activity裡面已經有幫你標出Sydney這個點出來

所以可以直接改經緯度來改那個標記的點

我舉日月潭當例子

先到Google map去找出日月潭的經緯度是多少

螢幕快照 2018-04-23 下午3.23.12.png

看到那個Mark出現後按右鍵點選這是哪裡?

螢幕快照 2018-04-23 下午3.23.41.png

看到下面出現了東西了嗎?!那個就是日月潭的Mark的經緯度

 

Step 7:

下面是程式碼

public class MapsActivity extends FragmentActivity implements OnMapReadyCallback {

    private GoogleMap mMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_maps);
        SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }


    @Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;
        LatLng sunmoonlake = new LatLng(23.861053, 120.915834);
        //你想要標記在哪一點的經緯度
        mMap.addMarker(new MarkerOptions().position(sunmoonlake)
                .title("這裡是日月潭")
                //點選標記點後會跳出資訊欄的標題
                .snippet("Sun Moon Lake"));
                //點選標記點後會跳出資訊欄的詳細內容
        mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(sunmoonlake, 14));
        //14這個是你想要呈現的地圖的倍率,可以自己試試調整看看,數字越大地圖越大
    }
}

 

 

arrow
arrow
    文章標籤
    Android App Java googlemap
    全站熱搜

    小小工程師 發表在 痞客邦 留言(0) 人氣()