1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | /** * 운행 경로 추가 * @param : 운행 경로 정보 * */ var paths; function drawRouteOnMap(routeStopArr) { //경로 정보가 저장된 Array paths.setMap(null); // 이전경로를 삭제 routeStopArr = routeStopArr.reverse(); // 이전에 reverse 되어서 넘어옴 if(routeStopArr.length > 0){//위도와 경도 정보가 array로 넘어온다면 필요 x var pointList = []; //경로저장 Array for(var i=0; i < routeStopArr.length; i++){ var stop = routeStopArr[i]; //구글에서 사용하는 좌표가 아니므로 변경하는 부분(필요 x) var bb = top.KaTechToWgs84New(stop.COORD_KATEC_Y, stop.COORD_KATEC_X); pointList.push({lat: bb.la, lng: bb.lo}); //경로를 위한 정보 } paths = new google.maps.Polyline({ //경로 정보 path: pointList, geodesic: true, strokeColor: 'red', strokeOpacity: 1.0, strokeWeight: 3.0, icons : [{ //방향을 알기 위한 화살표 표시 icon : {path : google.maps.SymbolPath.BACKWARD_CLOSED_ARROW} , offset : '100%' , repeat : '100px' }] }); paths.setMap(map);//경로를 그려야 하는 map object를 주면 된다. } } /** * 운행경로 삭제 * @param : * */ function removeRoute(){ if(typeof paths !== 'undefined'){ paths.setMap(null); } } | cs |
만약 위도경도가 들어있는 array가 있다면 10 ~ 20 번째 줄까지는 필요없는 부분이다.
'google maps' 카테고리의 다른 글
구글맵 infobox 사용 방법(마커 title 디자인 변경) (0) | 2017.03.29 |
---|---|
구글맵 줌 변경 google map zoomChange (0) | 2017.03.29 |
구글맵 반경(원) 그리기/삭제, 반경중앙에 마커 추가/삭제(google map circle draw/delete) (0) | 2017.03.28 |
구글맵 마커 추가 삭제 (google map marker add/delete) (0) | 2017.03.28 |
구글맵 생성(초기화, google map initialize) (0) | 2017.03.28 |