메뉴 건너뛰기

프로그램언어

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

 

 

- 두 좌표의 중심점을 구하는 함수

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function makeLengthInfo(data){
    var iwContent = '';
    var distanceArray = [];
    data.reduce(function(a,b){
        var d = [];
        var position1 = new daum.maps.LatLng(Number(a.split('/')[0]),Number(a.split('/')[1]));
        var position2 = new daum.maps.LatLng(Number(b.split('/')[0]),Number(b.split('/')[1]));
        d.push(position1, position2);
        var x = (Number(a.split('/')[0])+Number(b.split('/')[0]))/2;
        var y = (Number(a.split('/')[1])+Number(b.split('/')[1]))/2;
        var positions = new daum.maps.LatLng(x,y);
        var infoWinArray = new daum.maps.InfoWindow({
            position: positions,
            zIndex:1,
             content:(getDistanceFromLatLonInKm(d)/1000)+"Km"
        }).setMap(map);
        return b;
    });
}
cs

 

여기서 data의 포멧은 x+"/"+y 데이터가 있는 배열입니다.

두 좌표 사이의 중심 값은 (x1+x2)/2, (y1+y2)/2 로 구하는 것을 보실 수 있습니다.

사용된 reduce 함수에 대해서는 아래의 Link를 참고하세요.

 

Link : javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수

 

 

 

 

 

- 두 좌표 사이의 거리를 구하는 함수

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function getDistanceFromLatLonInKm(array) {
    var lat1 = array[0].getLat();
    var lng1 = array[0].getLng();
    var lat2 = array[1].getLat();
    var lng2 = array[1].getLng();
    
    function deg2rad(deg) {
        return deg * (Math.PI/180)
    }
    var r = 6371//지구의 반지름(km)
    var dLat = deg2rad(lat2-lat1);
    var dLon = deg2rad(lng2-lng1);
    var a = Math.sin(dLat/2* Math.sin(dLat/2+ Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon/2* Math.sin(dLon/2);
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
    var d = r * c; // Distance in km
    return Math.round(d*1000);
}
cs

 

여기서 매개변수로 받는 배열은 makeLengthInfo 함수를 보시면,

 

1
2
var position1 = new daum.maps.LatLng(Number(a.split('/')[0]),Number(a.split('/')[1]));
var position2 = new daum.maps.LatLng(Number(b.split('/')[0]),Number(b.split('/')[1]));
cs

 

다음지도의 포지션 값인 것을 확인하실 수 있습니다.



출처: https://aljjabaegi.tistory.com/431 [알짜배기 프로그래머]


List of Articles
번호 제목 날짜 조회 수
300 지엠 웹에디터 v1.1 (저작권표시없음)| file 2017.03.06 17109
299 주차 , 요일, 해당주의 시작일, 해당주의 종료일 date() 2021.07.08 432
298 주간단위 시작일에서 종료일을 셀렉트박스로 만들기. file 2019.04.29 1337
297 주간날짜 뽑아오기 2014.02.27 26731
296 조건문의 함수실행 여부 if ( 0 && ... ) 2021.03.26 227
295 정규표현식 매치를 수행 (preg_match) 2016.12.23 20051
294 정규표현식 검사 도구 (ereg, eregi) 2016.12.23 18395
293 정규표현식 2021.03.26 311
292 정규식 2017.04.13 17599
291 정규 표현식 검색과 치환 (preg_replace) 2016.12.23 19012
290 정규 표현 / 전화번호 / 이메일 2019.01.16 1206
289 접속 IP 검사 2015.04.14 21871
288 전화번호에 하이픈(-) 넣기 2015.04.14 26622
287 잡다한 php 2017.03.06 18502
286 자바스크립트 이스케이프 문자열을 PHP로 디코딩 하기 2018.10.27 3259
285 자릿수만큼 앞에 0 붙이기 2017.03.07 19028
284 자동으로 다른 페이지로 넘어가는 함수 2019.01.08 1256
283 이스케이프 함수 (htmlentities) 2016.12.23 18375
282 이미지 워터마크 구현 2014.03.26 19667
281 이미지 사이즈 비율로 조정하기 2019.01.08 1631
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 17 Next
/ 17

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved