1.지도를 생성한다
2.드래그 이벤트를 등록한다
3.드래그 종료시 중심 좌표를 얻는다
4.중심좌표의 주소를 얻는다
5.주소로 키워드 검색을한다
6.marker 를 표시한다
모든 과정은 카카오 공식문서에 있다
1.지도를 생성한다
-https://cordingmonster.tistory.com/248
Vue 카카오 지도 만들기
1.개발자센터에서 자바스크립트 키를얻는다 2.카카오 지도를 호출한다 자세한설명 -https://apis.map.kakao.com/web/guide/ 코드 1.index.html에 sdk호출을 세팅한다 - 2.지도를 호출한다 -mount 시킨다 vuex문..
cordingmonster.tistory.com
2.드래그 이벤트를 등록한다

마운트에 등록해주면된다
3.드래그 종료시 중심 좌표를 얻는다 +중심좌표의 주소를 얻는다

5.주소로 키워드 검색을한다

6.marker 를 표시한다

표시

다음은 영상에서 나오는 위에 슬라이드바를 만들어보자
작업 브랜치
https://github.com/novb1492/superman_front/tree/feature/searchkmap
GitHub - novb1492/superman_front
Contribute to novb1492/superman_front development by creating an account on GitHub.
github.com
'Super_Man > Front' 카테고리의 다른 글
Vue kakaomap 마트들 정보 스와이프로 표시하기 (0) | 2022.07.01 |
---|