모바일 앱(안드로이드)

안드로이드 앱 만들기 : 구글맵 활용 하기, 제주 맛집 리스트 (2)

Billcorea 2021. 11. 30. 23:34
반응형

앱을 만들면서 지도가 필요한 경우 카카오맵도 해 봤고, 구글맵도 구현해 보기는 했다. 카카오맵을 사용하면 나름 카카오의 지원(?)을 받아 이런 저런 것들을 해 볼 수 있다.  

 

우선 좋은 점은 카카오가 지원하는 다른 서비스들과 연동이 수월하다. 하다 못해 카카오 내비를 호출해서 바로 길찾기를 지원받을 수 있으니... 다만, onestore 에 앱을 등록하는 것이 번거롭다(?) 여러번 시도를 했는데, 어떤 방법으로 앱을 검증 하는 지는 모르겠으나, 번번히 실패 ... 그래서 구글맵으로 수정앱을 등록해보니, 한번에 패스~

 

그래서 일단 구글맵에 지도를 표현해 보도록 하겠다. 

일단 기본적으로 구현이 수월한 방법... android studio 에서 new - acitivity - gallery 를 선택하면 ...

 

액티비티 선택

여러 종류의 activity 가 있는데, 그 중에서 지도가 들어있는 maps 을 선택하면 기본적인 설정은 android studio 가 해 준다.

 

그 다음은 manifest 파일에 meta 정보를 설정하는 것이 나온다. meta에 google-api-key 을 설정해 주어야 하는데, 

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_info_logo"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_info_logo_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.OpdGang1127">

        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="@string/API_KEY" />

api-key 는 그럼 어디서 받아오는 가 ?

https://console.cloud.google.com 

 

Google Cloud Platform

하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요.

accounts.google.com

cloud platform 의 console 화면에서 사용자 인증 정보에 들어가서 api 키를 추가 하거나 기존에 등록했던 것에서 가져 오면 된다.

 

google dash board

이미 등록해 놓은 것이 있으니 그걸 하나 선택해서 상세 내용을 볼껀데,

api 세부 설정

이 내용에서 한가지 생각해 볼 것은 android 앱을 만들고 있기 때문에  애플리케이션 제한사항을 선택할 때 꼭 안드로이드를 선택해야만 할 것 같은 생각이 들었던 경험이 있는 데,  그 때는 주의해야할 부분이 인증서 해쉬값을 등록해 줄 때 debug 용 release 용 두개를 각각 설정해 주어야 하고, 그것들을 다 project에  찾아서 설정해 주어야 했던 것 같은 기억이 있다.

 

그래서 이번에는 애플리케이션 제한사항은 설정하지 않았다. 다만, api 제한 사항을 선택해서 maps sdk 와 firebase 부분만 선택해서 사용하는 것으로 설정하고,  api key는 오른쪽 상단에 있는 apikey을 복사해서 manifest 파일에 등록해 주었다.

 

저 제한사항 둘 중 하나를 선택해 주지 않으면 메일이 자주 온다. google 에서 궁시렁 궁시렁...

아무튼 이렇게 설정이 끝나고 나면 이제 activity 를 구성해 볼 차례 인데, 기본적으로 maps activity 을 선택 했기 때문에 기본 code 작업은 되어 있게 된다. 

 

그래서 그 안에 필요한 코드등을 추가해 보면 된다.  다음과 같이...

import androidx.core.app.ActivityCompat;
import androidx.fragment.app.FragmentActivity;
import androidx.recyclerview.widget.LinearLayoutManager;

import android.Manifest;
import android.annotation.SuppressLint;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.view.View;

import com.billcoreatech.opdgang1127.DataBase.DBHandler;
import com.billcoreatech.opdgang1127.JejuFD6.JejuFD6Adapter;
import com.billcoreatech.opdgang1127.JejuFD6.JejuFD6infoBean;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.UiSettings;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;
import com.billcoreatech.opdgang1127.databinding.ActivityMapsBinding;

import java.util.ArrayList;

public class MapsActivity extends FragmentActivity implements OnMapReadyCallback {

    private static final String TAG = "MapsActivity";
    private GoogleMap mMap;
    private ActivityMapsBinding binding;
    ArrayList<JejuFD6infoBean> dataBeans ;
    JejuFD6Adapter adapter ;
    DBHandler dbHandler ;
    UiSettings mUiSettings;
    String placeName;
    double lat;
    double lon;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        binding = ActivityMapsBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());

        // Obtain the SupportMapFragment and get notified when the map is ready to be used.
        SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
        Intent intent = getIntent();
        Bundle extras = intent.getExtras();
        placeName = extras.getString("placeName");
        Log.e(TAG, "y=" + extras.getString("y").trim());
        Log.e(TAG, "x=" + extras.getString("x").trim());
        lat = Double.parseDouble(extras.getString("y").trim());
        lon = Double.parseDouble(extras.getString("x").trim());
    }

    @SuppressLint("Range")
    @Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;
        mUiSettings = googleMap.getUiSettings();
        mUiSettings.setZoomControlsEnabled(true);
        mUiSettings.setMyLocationButtonEnabled(true);

        LatLng sydney = new LatLng(lat, lon);
        mMap.addMarker(new MarkerOptions().position(sydney).title(placeName));
        mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(sydney, 15));
        dataBeans = new ArrayList<>();
        adapter = new JejuFD6Adapter(MapsActivity.this, dataBeans, "url");
        dbHandler = DBHandler.open(MapsActivity.this);
        Cursor rs = dbHandler.selectInfo(placeName);
        while (rs.moveToNext()) {
            JejuFD6infoBean dataBean = new JejuFD6infoBean();
            dataBean.setPlace_name(rs.getString(rs.getColumnIndex("place_name")));
            dataBean.setPhone(rs.getString(rs.getColumnIndex("phone")));
            dataBean.setRoad_address_name(rs.getString(rs.getColumnIndex("road_address_name")));
            dataBean.setCategory_name(rs.getString(rs.getColumnIndex("category_name")));
            dataBean.setUrl(rs.getString(rs.getColumnIndex("url")));
            dataBean.setY(rs.getString(rs.getColumnIndex("y")));
            dataBean.setX(rs.getString(rs.getColumnIndex("x")));
            Log.e(TAG, dataBean.getUrl() == null ? "null" : dataBean.getUrl()) ;
            dataBeans.add(dataBean);
        }
        binding.listPlace.setAdapter(adapter);
        binding.listPlace.setLayoutManager(new LinearLayoutManager(getApplicationContext()));

        adapter.setOnItemClickListener(new JejuFD6Adapter.OnItemClickListener() {
            @Override
            public void onItemClick(View v, int position) {
                if (dataBeans.get(position) != null){
                    if (dataBeans.get(position).getUrl() != null) {
                        String viewUrl = "" ;
                        if (dataBeans.get(position).getUrl().startsWith("http://") ||
                                dataBeans.get(position).getUrl().startsWith("https://")) {
                            viewUrl = dataBeans.get(position).getUrl();
                        } else {
                            viewUrl = "https://" + dataBeans.get(position).getUrl();
                        }
                        Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(viewUrl));
                        startActivity(browserIntent);
                    }
                }
            }
        });
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();

        setResult(RESULT_OK);
        finish();

    }
}

 onCreate 와 onMapReady 부분을 구현해 주면 된다. 위 예시는 db 에서 데이터를 읽어와서 map 에 marker 을 표시하도록 구현하였다.

 

 

 

지도 구현은 이런식으로 구성이 끝~

 

 

반응형