[iOS] 앱에서 네이버 지도 띄우기

Lynn·2021년 2월 6일

iOS

목록 보기
2/6
post-thumbnail

프로젝트 진행하면서 맵 쓸 일이 생겨서 지난번에 한 번 써봤던 네이버지도를 쓰기로 했다!

참고 링크 : 공식 설명서 <ios 시작 가이드>


📌 클라이언트 ID 발급

네이버 클라우드 플랫폼 콘솔 -> Products & Services -> AI-Application Service 하위의 AI·NAVER API를 선택하면 이런 페이지가 나온다.

Application 등록에서 앱 이름을 입력하고 Mobile Dynamic Map을 체크한다.

xcode 프로젝트의 'Bundle Identifier'를 iOS Bundle ID에 추가하고 등록하면 완료


📌 라이브러리 설치

여기서부터는 요걸 참고했습니다

** 순서 중요!

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

아래부터는 프로젝트 경로로 이동한 다음 진행해야 한다 ‼️

cocoapod 초기화
pod init

git-lfs 초기화
git-lfs install

Podfile을 열고 아래 코드 추가
pod 'NMapsMap'

pod install 로 라이브러리를 설치
pod install --repo-update


📌 클라이언트 ID 지정

pod install 을 마치면 xcworkspace 파일이 생성되는데, 이 파일로 프로젝트를 열어야 한다.

Info.plist 파일을 열고 Information Property List의 + 버튼을 누른 다음
Key: NMFClientId, Value: 발급받은 Client ID 를 넣어준다.

발급받은 Client ID는 여기에서 확인할 수 있다.


📌 지도 표시해보기

//ViewController.swift

import UIKit
import NMapsMap

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let naverMapView = NMFNaverMapView(frame: view.frame)
        view.addSubview(naverMapView)
    }
    
}

네이버를 중심으로 잘 뜨는 걸 확인할 수 있다( ᐛ )و

profile
wanderlust

0개의 댓글