내 위치 찾기

https://www.npmjs.com/package/react-hook-geolocation 

좌표로 내 위치를 찾고 싶어서 활용 

react-hook-geolocation

 

카카오 api 활용 

1. 지도 생성 해보기

https://apis.map.kakao.com/web/sample/basicMap/

2. 마커 있는 지도 생성 해보기

https://apis.map.kakao.com/web/sample/basicMarker/

3. 좌표를 주소로 얻는 지도 생성 해보기

https://apis.map.kakao.com/web/sample/coord2addr/

3번 에서 에러가 남 

 

4.geocder를 찾음

https://apis.map.kakao.com/web/documentation/#services_Geocoder

 

 

index.html에 아래 스크립트 추가

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=자바스크립트 키 &libraries=services"></script>

 

위치 불러 올 컴포넌트에 추가

useEffect(() => {
    var geocoder = new kakao.maps.services.Geocoder();
    var coord = new kakao.maps.LatLng(latitude, longitude);
    var callback = function (result, status) {
      if (status === kakao.maps.services.Status.OK) {
        console.log(
          result[0].address.address_name
        );
      }
    };

    geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
  },[]);