안드로이드 심화 pt 4

지도 사용 설정하기

• 빌드 그래들의 dependencies 항목

implementation 'com.google.android.gms:play-services-maps:18.1.0'
implementation 'com.google.android.gms:play-services-location:21.0.1'

• 퍼미션을 등록

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.INTERNET"/>

• 구글 지도 API를 이용하는 키를 등록

<uses-library android:name="org.apache.http.legacy" android:required="true"/>
<meta-data android:name="com.google.android.maps.v2.API_KEY"
      android:value="*### 구글 지도 API 키 등록 ###*"/>
<meta-data android:name="com.google.android.gms.version"
      android:value="@integer/google_play_services_version"/>

구글 개발자 콘솔에서 지도 API 키 얻기

• 구글 개발자 콘솔(console.cloud.google.com)에 접속해 프로젝트를 생성하고 사용자 인증 정보를 만들면 지도 API 키 를 발급
• 구글 개발자 콘솔에서 얻은 지도 API키를 매니페스트 파일에 등록
• 레이아웃 XML

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mapView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:name="com.google.android.gms.maps.SupportMapFragment"/>

지도 제어하기

• 지도의 중심 이동하기

  • 지도를 출력하는 뷰 객체를 얻어야 합니다.

    class MainActivity : AppCompatActivity(), OnMapReadyCallback {
    
        var googleMap: GoogleMap? = null
    
        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
    
            (supportFragmentManager.findFragmentById(R.id.mapView) as SupportMapFragment)!!.getMapAsync(this)
    
    		// 지도 객체를 이용할 수 있는 상황이 될 때
        override fun onMapReady(p0: GoogleMap?) {
            googleMap = p0
        }
    }

  • 지도의 중심을 이동

    val latLng = LatLng(37.566610, 126.978403)
            val position = CameraPosition.Builder()
                .target(latLng)
                .zoom(18f)
                .build()
            googleMap?.moveCamera(CameraUpdateFactory.newCameraPosition(position))

  • 마커 표시하기

    val markerOptions = MarkerOptions()
            markerOptions.icon(BitmapDescriptorFactory.fromResource(R.drawable.ic_marker))
            markerOptions.position(latLng)
            markerOptions.title("서울시청")
            markerOptions.snippet("Tel:01-120")
    
            googleMap?.addMarker(markerOptions)

  • 위치 요청

    val locationRequest = LocationRequest.create().apply {
                interval = 1000
                fastestInterval = 500
                priority = LocationRequest.PRIORITY_HIGH_ACCURACY
            }
    
            locationCallback = object : LocationCallback(){
                //1초에 한번씩 변경된 위치 정보가 onLocationResult 으로 전달된다.
                override fun onLocationResult(locationResult: LocationResult) {
                    locationResult?.let{
                        for (location in it.locations){
                            Log.d("위치정보",  "위도: ${location.latitude} 경도: ${location.longitude}")
    
                        }
                    }
                }
            }

• 지도에서 사용자 이벤트 처리

  • GoogleMap.OnMapClickListener: 지도 클릭 이벤트

  • GoogleMap.OnMapLongClickListener: 지도 롱 클릭 이벤트

  • GoogleMap.OnMarkerClickListener: 마커 클릭 이벤트

  • GoogleMap.OnMarkerDragListener: 마커 드래그 이벤트

  • GoogleMap.OnInfoWindowClickListener: 정보 창 클릭 이벤트

  • GoogleMap.OnCameraIdleListener: 지도 화면 변경 이벤트

    googleMap?.setOnMapClickListener { latLng ->
                Log.d("map_test", "click : ${latLng.latitude} , ${latLng.longitude}")
            }
            
    googleMap?.setOnMapLongClickListener { latLng ->
                Log.d("map_test", "long click : ${latLng.latitude} , ${latLng.longitude}")
            }
            
    googleMap?.setOnCameraIdleListener {
                val position = googleMap!!.cameraPosition
                val zoom = position.zoom
                val latitude = position.target.latitude
                val longitude = position.target.longitude
                Log.d("map_test", "User change : $zoom $latitude , $longitude")
            }
            
    googleMap?.setOnMarkerClickListener { marker ->
                true
            }
            
    googleMap?.setOnInfoWindowClickListener { marker ->
            }