[iOS] Naver Map 사용해보기

지도만 띄우는 글이다.

활용법은 https://navermaps.github.io/ios-map-sdk/guide-ko/0.html 이곳에 잘 나와있다.

 

네이버 지도를 활용해보자.

예제 : https://github.com/navermaps/ios-map-sdk

Github의 README.md를 보면 자세히 나와있다. 

 

git-lfs 를 왜 설치할까? 라는 궁금증이 생겼다. 그래서 정리했다.

2019/10/17 - [ETC...Study] - [Git] Git-Lfs (Large File Storage)

 

설치 후 프로젝트를 열어서 실행을 해보았다.

 

클라이언트 ID 지정을 하지 않았다. 그래서 지도가 보이지 않는다.

 

설명서 : https://docs.ncloud.com/ko/naveropenapi_v3/application.html

https://navermaps.github.io/ios-map-sdk/guide-ko/1.html

Maps API 서비스 등록 방법 : https://www.ncloud.com/support/faq/product/3511

 

그래서 결론 : 위의 링크를 보고 내가 한 과정 그리고 결과

1. 네이버 클라우드 플랫폼 회원가입

2. 로그인 후 결제 수단 등록 (결제 수단 등록을 해야지 Console이 활성화 된다.)

3. 콘솔(Console) 버튼 클릭 (나는 오른쪽 상단에 있었다.)

4. 왼쪽에 마우스를 가져다 대면 사이드창이 나온다. [All product > AI-Application Service > AI/ NAVER API ] 선택

5. [+Application등록] 버튼을 눌러, 서비스 등록을 시작한다.

6. Application 이름 설정하고 Service 선택 (Maps 에 Mobile Dynamic Map, Search Places, Geocoding, Reverse Geocoding)하고 서비스 환경 등록에 iOS Bundle ID 를 추가했다.

7.  여기까지 완료 했으면 ------> 프로젝트로 간다.

8. (나는 Application 이름으로 새롭게 프로젝트를 만들었다.)

9. (지금부터는 CocoaPods 사용하는법을 알아야한다.)

2019/08/28 - [iOS] - [iOS] CocoaPods 설치하고 Xcode 나의 프로젝트에 적용하기

Podfile 내용을 수정한다.

target '프로젝트명' do

    pod 'NMapsMap'

end

brew install git-lfs

git-lfs install 

pod install --repo-update

그리고 프로젝트를 연다.

10. info.plist에 지정한다.

info.plist의 Custom Keys로 클라이언트 ID를 지정할 수 있다. info.plist에 새로운 요소를 추가하고, key로  NMFClientId 를, string으로  API 키 를 지정합니다.

11. 지금부터 코딩을 해야한다.

// ViewController.swift

import UIKit
import NMapsMap

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        let mapView = NMFMapView(frame: view.frame)
        view.addSubview(mapView)
    }


}

 

이렇게 하면 지도는 나온다. 이후 원하는대로 구현하면 된다.