iOS 에서 네이버 지도 띄우는 방법

안녕하세요. 도미닉입니다.

오늘은 iOS 앱에 네이버지도를 띄우는 방법을 공유하도록 하겠습니다.

클라이언트 ID 발급받기

네이버 클라우드 플랫폼 콘솔 페이지에 로그인하면 아래와 같이 대시보드가 나타납니다.

하늘색 박스로 표시한 Products & Services 를 클릭합니다.

네이버 클라우드 플랫폼 대시보드

아래와 같이 서비스들이 보여집니다.

하늘색 박스로 표시한 AI·Application Service > AI·NAVER API 를 클릭합니다.

+ Application 을 클릭합니다.

Application 에 앱 이름을 입력하고 Mobile Dynamic Map 에 체크합니다.

xcode 로 프로젝트를 생성하면 아래와 같이 Bundle Identifier 가 주어집니다.

아래 프로젝트의 Bundle Identifier 을 입력한 뒤에 +추가를 눌러서 아래와 같이 추가해주고 등록을 눌러줍니다.

라이브러리 설치

라이브러리를 설치하기에 앞서 필요한 프로그램들을 설치해줍니다.

cocoapod 이 설치되어 있지 않다면 아래 명령어로 설치

sudo gem install cocoapods

homebrew 가 설치되어 있지 않다면 아래 명령어로 설치

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

git-lfs 가 설치되어 있지 않다면 아래 명령어로 설치

brew install git-lfs

이제 라이브러리를 설치할 준비가 끝났습니다.

터미널로 프로젝트 경로에 이동해서 아래의 작업들을 수행합니다.

아래 명령어로 코코아팟을 초기화합니다.

pod init

git-lfs 도 초기화해줍니다.

git-lfs install

Podfile 에 아래 코드를 추가합니다.

pod 'NMapsMap'

pod install 로 라이브러리를 설치해줍니다.

pod install --repo-update

클라이언트 ID 설정

pod install 을 하면 xcworkspace 파일이 생성됩니다.

프로젝트명.xcworkspace 로 프로젝트를 엽니다.

Info.plist 를 열고 Information Property List 에 마우스를 클릭하면 + 버튼이 보입니다.

플러스 버튼을 누르고 Key 에 NMFClientId 를 입력합니다.

Value 에는 발급받은 네이버 API 클라이언트ID 를 복사해서 붙여넣기 합니다.

인증정보를 누르면 확인할 수 있습니다

추가한 내용은 아래와 같습니다.

지도 표시

ViewController.swift 파일 상단에 아래 코드를 추가해 NMapsMap 를 임포트 시킵니다.

import NMapsMap

ViewDidLoad 함수에 아래 코드를 추가해 네이버 지도를 화면에 표시합니다.

let mapView = NMFMapView(frame: view.frame)
view.addSubview(mapView)

이제 지도가 띄어집니다.

오류 해결 방법

이런 오류가 발생할 수 있는데요.

저는 git-lfs 를 제대로 셋팅하지 않고 pod install 을 한 뒤에 이런 오류가 발생했습니다.

해결 방법은 아래 명령어로 Pods 폴더를 제거해줍니다.

rm -rf Pods

네이버맵 에 대한 캐시를 비워줍니다.

pod cache clean NMapsMap

or

pod cache clean --all

다시 git-fls 를 초기화해줍니다.

git-lfs install

팟을 다시 설치합니다.

pod install --repo-update

정리

오늘은 네이버지도를 iOS 에 띄우는 방법을 공유해봤습니다.

혹시 안되거나 잘못된 내용 있으면 댓글 달아주세요.

도움이 되셨으면 박수 버튼과 Follow 부탁드립니다.

감사합니다.

 

참고 :

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

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