지도 상점 정보 qr code 구현 (카카오 api+ 네이버 map)

1.기능 설명 및 최종 완성 영상

운동경로에 중간 위도 경도를 기반으로 지도 생성, 또는 사용자가 직접 지도를 사용하여

음식점에 위치를 지정 후 해당 음식점 (https://place.map.kakao.com/음식점 고유아이디)

정보를 가져와서 qr코드로 변환

 

최종 개발 영상

큐알 코드 카메라로 인식하면 상점 정보로 이동

 

 

2.네이버 map+ 카카오 api  통합으로 개발 

 

구글 맵도 가능하지만 카카오, 네이버에 비해서 상점 정보나 표시가 정확하지 않음 

테스트결과 몇몇 상점은 구글맵에 표시가 안됨 

 

	네이버	카카오
개발	적용 및 개발이 쉬움	적용 및 개발이 굉장히 불편함
API	상점, 정보 및 검색 api 다양하지 못하고 사용하기 불편함	상점 정보 및 다양한 api를 제공해줘서 여러가지로 응용 가능함

 

2-1 카카오맵을 안쓰고 네이버 map 적용한 이유

 

카카오 맵 구현 영상

1.flutter 카카오 맵이 존재 단 버전업이 2년가까이 안되있어서 다른 라이브러리와 버전 충돌이 발생함 

다른 라이브러리를 다운 그레이드하면서 해결할려고 했지만 포기 (버전 다운에서 끝나는게 아니고 소스를 하나하나 수정해야함 )

https://pub.dev/packages/flutter_kakao_map

flutter_kakao_map | Flutter Package

 

2.위에 문제로 검색을 해보니 webview 형식으로 카카오 맵을 구현한 작성자를 찾음

https://devmemory.tistory.com/67?category=937595 (블로그 링크)

https://pub.dev/packages/kakaomap_webview (소스)

 

해당 소스를 이용해서 대략적인 구현을 했지만 웹뷰 기반이기때문 기본적인 맵기능은 구현하기 가능하지만

응용 개발에서는 상당히 불편함 특히 html 이나 웹 기반 언어를 중간에 텍스트 형식으로 지정을 해줘야 해서 엄청나게 불편 또한 네이버 맵과 비교해서 매끄럽지 않고 느림

 

2-2

네이버 flutter_map

크게 에러나 버그도 발생하지 않았고, 각 기능이 잘 구현되있어서 개발하기도 편리함

단, 네이버 자체에서 개발한게 아니고 사설업체에서 회사 용도로 개발했기 때문에 추후에 문제 생길 수 있음

https://pub.dev/packages/naver_map_plugin

 

1.카카오맵(예시와 같이 일일히 웹기반 언어로 작성해야함 )

2.네이버맵(다양한 기능이 구현되있기 때문에 작성하기 편함)

3 카카오 api 사용 이유

1.  https://place.map.kakao.com/8430129

네이버나 카카오에서 제공해주는 위치와 간략한 정보를 제공해주는 링크가 필요한데 카카오에서는 해당 링크를 api에서 결과값을 주지만 네이버에서는 주지 않고있다. 

서울특별시청

2. 검색 옵션이 다양함

카카오는 반경 몇미터나 특정 위치, 음식, 카페등 카테고리 등 상점 정부를 위한 기능 api를 제공하지만

네이버는 단순 지역 정보 api(검색 옵션이 다양하지못함) 만 제공해주는 관계로 사용하기 적합하지 않음

 

2-1

카카오

https://developers.kakao.com/docs/latest/ko/local/dev-guide#search-by-category

Kakao Developers

2-2 네이버

https://developers.naver.com/docs/search/local/

검색 API 지역 검색 개발가이드