카카오맵(web) -> IOS WebView

지도/로컬 API
#1

카카오맵 api을 javascript로 개발했고,
IOS WebView로 싸서 처리했습니다.

그런데 해당 api코드를 인지하지 못하는 것 같내요.
일반적인 코드를 찍는 console.log()나 document.getElementById(“map”).innerHTML = “로그”;
이런 부분은 찍히는 걸 확인했습니다.

웹뷰 세팅은KakaoTalk_20200221_173213653_08
다음과 같이 했고 빠진부분이 있어서 그런건지 아니면 api 자체를 해당 네이티브로 구현해야만 하는건가요?

하이브리드앱 ios환경에서 지도 api 호출 오류
Ios webview 에서 지도를 제대로 로드 하지 못 하고 있습니다
#2

좀 지난 글이긴 하지만 iOS WebView 관련 글이 있는데요
이걸 참고해보시겠어요?

#3

프로젝트 자체에 HTML 파일을 embedding 하여 사용할 수 있습니다.
허용도메인에 file://을 추가하시고
프로젝트에 view를 구성한 html파일을 넣어주시면 javascript API로 지도를 띄울 수 있습니다.

아래 코드는 인터페이스 빌더로 정적인 WKWebView를 만들고 연결한 것입니다.

import WebKit
import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let path = Bundle.main.url(forResource: "touch", withExtension: "html")
        let request = URLRequest(url: path!)
        webView.load(request as URLRequest);
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    @IBOutlet weak var webView: WKWebView!
}

참고 URL:

1개의 좋아요