현재 위치 기준 거리순 정렬 방법

skfnxh1131 · 4월 19, 2019, 6:51오전

DB에 좌표값이 없어서 마커를 찍을때 얻은 좌표값 json에 포함하고 전역변수 arr에 담아서 가지고 있어요
제 위치 기준으로 거리순으로 거리와 도보 시간이 포함된 리스트를 표현하고 싶은데
정렬하는데 사용하는 함수가 뭔지 모르겠어요…

doji.doo · 4월 19, 2019, 7:00오전

Polyline 객체의 getLength() 라는 함수로 두 지점간의 거리를 구할 수 있습니다.

드로잉된 영역의 마크 데이터 얻기

어떤 데이터를 말씀하시는지 모르겠으나 그게 그 지점의 좌표값이라고 가정하고 말씀드리면 마커 클릭 이벤트를 등록하여 마커를 클릭했을때, 해당 마커의 좌표를 얻을 수 있습니다. http://apis.map.daum.net/web/sample/addMarkerClickEvent/ 위 샘플에서 클릭 이벤트 리스너 내용을 다음과 같이 바꾸면 가능합니다. // 마커에 클릭이벤트를 등록합니다 daum.maps.event.addListener(marker, ‘click’, function() { var pos = marker.getPosition(); // returns daum.maps.LatLng }); drawing API를 사용해서 선택된 반경 내 마커들의 정보를 가져오려면 선언한 마커들을 모두 배열(markers)에 넣어 관리한 뒤, 아래의 코드로 받아 볼 수 있습니다. var markers = [ /*marker1, marker2, marker3 … */ ]…

반경 정보를 이용하여 마커 생성하기

가능합니다. 중심점 좌표는 Map.getCenter() (이하 c1)로 구할 수 있고 각 마커들의 좌표는 Marker.getPosition() (이하 c2)으로 구할 수 있습니다. 이 두 좌표의 거리를 m값으로 구할 수 있는 방법이 있습니다. 바로 Polyline.getLength()입니다. 이 값을 원의 반지름으로 넣어준 Radius와 비교하여 작은 거리의 마커만 Marker.setMap(map) 해주시면 됩니다. // 원(Circle)의 옵션으로 넣어준 반지름 var radius = 100; // 마커들이 담긴 배열 markers.forEach(function(m) { var c1 = map.getCenter(); var c2 = m.getPosition(); var poly = new Polyline({ // map: map, 을 하지 않아도 거리는 구할 수 있다. path: [c1, c2] }); var d…

이걸 활용하여 sorting하시면 될거에요.

skfnxh1131 · 4월 19, 2019, 7:20오전

ㅠㅡㅠ해봐야겠네요 감사합니다

doji.doo · 4월 19, 2019, 7:27오전

해보시고 막히면 어느 부분에서 막혔는지 적어서 질문주세요.