Super_Man/Front

Vue kakaomap 드래그시 인근 마트들 표시하기

디비드킴 2022. 7. 1. 15:04

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