Flutter - kakaomap webview 0.5.1 업데이트 후기

이번 업데이트에 기능추가는 없고, 간단하게 정리만 해봤습니다

1. readme에 예제 추가
2. var로 되어있는 변수들 const, let으로 전환
3. 필요없는 패키지 제거(url launcher)

일단 추가된 예제는 map controller를 이용한 refresh webview 그리고 marker추가 부분으로

< 추가된 버튼! >

노란색을 누르면 마커가 추가되는 부분, 그리고 초록색은 화면 refresh로

 

webview전체가 초기화 되어 추가한 데이터는 제거됩니다

addMarker(new kakao.maps.LatLng($_lat + 0.0003, $_lng + 0.0003));
    
function addMarker(position) {
    let testMarker = new kakao.maps.Marker({position: position});

    testMarker.setMap(map);
}

먼저 마커 추가 하는방법은 간단하게 위 코드처럼 하면되고

 

제거하는 방법은 setMap(null) <- 이렇게 하면 됩니다

 

화면 리프레시는 깃헙에 요청이 와서 window.location.reload()로 해봤는데 접근이 안되어

 

webview 자체 컨트롤러에서 처리를 해줬습니다

 

그리고 kakao web sample부분 적당히 복붙하다보니 변수선언부 신경을 크게 안썼는데

 

호이스팅 방지로 const와 let으로 변경해줬습니다

(다행이도 전까지는 문제되는부분이 없었네요..)

 

그리고 웹뷰 내에서 url(intent, itms-apps) 처리하는부분 신경쓰느라 url launcher 넣었던것을 깜빡하고 안지웠습니다..

일단 처리는 해놨고.. 시간 될때 미구현한것들 정리좀 해서 넣어봐야겠습니다..