리액트 카카오지도 현위치 띄우기

안녕하세요. 카카오지도api 이용해서 페이지 로딩시 현위치를 띄우는 걸 하고 싶은데 오차 범위가 너무 심하게 나오네요. 무슨 이유일까요 콘솔로 확인해봤을때 현위치 위도 경도를 잘못가져오는거 같은데 해결방안이 있을까요? 소스코드 첨부하겠습니다.

componentDidMount(){
let mapContainer = document.getElementById(‘map’),
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 3
};

    let map = new kakao.maps.Map(mapContainer,mapOption); // 지도를 생성합니다.
    
    // HTML5의 geolocaiton으로 사용할 수 있는지 확인합니다.
    if (navigator.geolocation) {
        // GeoLocation을 이용해서 접속 위치를 얻어옵니다.
        navigator.geolocation.getCurrentPosition(function(position){
            
            var lat = position.coords.latitude, // 위도
                lon = position.coords.longitude; // 경도
                
            var locPostion = new kakao.maps.LatLng(lat, lon), //마커가 표시될 위치를 geolocation 좌표로 생성합니다.
                message = '<div style="padding:5px;">여기에 계신가요?!</div>'; // 인포윈도우에 표시될 내용입니다.

            // 마커와 인포윈도우를 표시합니다.
            displayMarker(locPostion,message);
        });
    } else {   

    }
    
    // 지도에 마커와 인포윈도우를 표시하는 함수입니다.
    function displayMarker(locPostion, message) {
        
        // 마커를 생성합니다.
        var marker = new kakao.maps.Marker({
            map: map,
            position: locPostion
        });

        var iwContent = message, // 인포윈도우에 표시할 내용
            iwRemoveable = true;
        
        // 인포윈도우를 생성합니다.
        var infowindow = new kakao.maps.InfoWindow({
            content : iwContent,
            removable : iwRemoveable
        });

        // 인포윈도우를 마커위에 표시합니다.
        infowindow.open(map,marker);

        // 지도 중심좌표를 접속위치로 변경합니다.
        map.setCenter(locPostion);
    }


    

}
render(){
    return(
        <div id="map" className="Map" style={{ width : '100%', height:'550px'}}></div>
    );
}

}

geolocation으로 받은 현재 위치의 오차가 심하다고 하시는 건가요?
관련 링크 첨부해드립니다.


https://www.w3.org/TR/geolocation-API/

W3C 공식 문서 스펙에 따르면

The Geolocation API defines a high-level interface to location information associated only with the device hosting the implementation, such as latitude and longitude. The API itself is agnostic of the underlying location information sources. Common sources of location information include Global Positioning System (GPS) and location inferred from network signals such as IP address, RFID, WiFi and Bluetooth MAC addresses, and GSM/CDMA cell IDs, as well as user input. No guarantee is given that the API returns the device’s actual location.

GPS, IP, RFID, WiFi, Bluetooth MAC address 등등의 소스로부터 위치를 파악한다고 하며,
Geolocation API의 반환 값이 실제 기기의 위치를 보장하지는 않는다고 나와 있습니다.

카카오 지도 JS API의 예제도 해당 API를 사용하는 것이기 때문에
받아 오는 위치 값은 코드상으로 제어가 불가능 합니다.