언밸런스
50
2019-05-11 15:45:22
0
162

다음맵 api에 내 위도 경도를 실시간으로 받아와서 마커가 계속 움직이도록 구현하고 싶습니다.


이미 많은 사람들이 구현한 서비스 이지만 도착 알림 서비스를 개발중에 있습니다.

도착지역이 지도로 마커에 표시되어 있고, 내 핸재 위치를 실시간으로 계속 받아서

다음맵 api 마커를 네비게이션 어플처럼 이동시켜주고 싶습니다.

마커가 아니더라도 현재 보편적으로 내위치 표현해주고 있는 단순히 빨간 원이더라도 괜찮습니다.

내 위치에서 반경 몇m의 원을 두어 도착지로 설정한 위도 경도가

원 반경에 들어왔을때 곧 도착한다는 알림을 주려고 하는데,

geolocation.wathchPosition 을 사용해도 위도경도가 정확하게 잡히지 않을 뿐만 아니라

움직여도 위도 경도가 바뀌긴 하는데 굉장히 드뭅니다..


//navigator.geolocation.watchPosition 함수의 첫번째 파라미터입니다.

    navigator.geolocation.watchPosition(

    function(position) {

    $('#latitude').html(position.coords.latitude);     // html에 위도 띄워주기위해

                        $('#longitude').html(position.coords.longitude); // 마찬가지임

                

        var lat = position.coords.latitude; // 위도

        var lon = position.coords.longitude; // 경도

            

        var destination_lat = <%=destination_x %>;

        var destination_lon = <%=destination_y %>;

        

        var locPosition = new daum.maps.LatLng(lat, lon), 

            message = '<div style="padding:1px;">현재위치</div>'; 

            

        var destination = new daum.maps.LatLng(destination_lat, destination_lon), 

           destination_message = '<div style="padding:1px;">도착역</div>'; 

        

        // 마커와 인포윈도우를 표시합니다

        displayMarker(destination, destination_message);

        displayMarker(locPosition, message);

},

//navigator.geolocation.watchPosition 의 세번째 파라미터는 요렇게 주었습니다.

{

                    enableHighAccuracy: true,   // 밧데리 사용하여 좀 더 자세한 위치

                    maximumAge: 0,            //한번 찾은 위치를 정보를 캐싱

                    timeout: Infinity         //주어진 초안에 못찾으면 에러

      });


ajax를 사용해야 하는 건가요? 어떻게 해야할까요..


0
0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.