Tech. Forum 개발자들을 위한 정보 공유의 장입니다
닫기

Tech.Forum

drawData(prtcl); 동작되지 않습니다. 확인해주세요.

#1

// 1. 지도 띄우기
var map = new Tmapv2.Map(“map”, {
center: new Tmapv2.LatLng(37.52084364186228, 127.058908811749),
width: “100%”,
height: map_h+“px”
});

map.setZoom(12);

addMarker("llStart", 127.02810900563199, 37.519892712436906, 1);

// 도착 
addMarker("llEnd", 127.11971717230388, 37.49288934463672, 2);

// 3. 경유지 심볼 찍기
addMarker("llPass", 127.07389565460413, 37.5591696189164, 3);
addMarker("llPass", 127.13346617572014, 37.52127761904626, 4);


function addMarker(status, lon, lat, tag) {

    //출도착경유구분
    //이미지 파일 변경.
    var markerLayer;
    var imgURL;
    switch (status) {
        case "llStart":
            imgURL = 'http://tmapapis.sktelecom.com/upload/tmap/marker/pin_r_m_s.png';
            break;
        case "llPass":
            imgURL = 'http://tmapapis.sktelecom.com/upload/tmap/marker/pin_b_m_p.png';
            break;
        case "llEnd":
            imgURL = 'http://tmapapis.sktelecom.com/upload/tmap/marker/pin_r_m_e.png';
            break;
        default:
    };

    var marker = new Tmapv2.Marker({
        position: new Tmapv2.LatLng(lat, lon),
        icon: imgURL,
        map: map
    });

    marker.tag = tag;

    /*
    // 마커 드래그 설정
    

    marker.addListener("dragend", function (evt) {
        markerListenerEvent(evt);
    });

    marker.addListener("drag", function (evt) {
        markerObject = markerList[tag];
    });

    markerList[tag] = marker;
    
    */

    
    return marker;
}

// 4. 경유지 최적화 API 사용요청
var startX = 127.02810900563199;
var startY = 37.519892712436906;
var endX = 127.11971717230388;
var endY = 37.49288934463672;
var passList = "127.07389565460413,37.5591696189164_127.13346617572014,37.52127761904626";
var prtcl;
var headers = {};
headers["appKey"] = 'xxxx-xxxx-xxxxxx';
$.ajax({
    method: "POST",
    headers: headers,
    url: "https://apis.openapi.sk.com/tmap/routes?version=1&format=json",//
    async: false,
    data: {
        startX: startX,
        startY: startY,
        endX: endX,
        endY: endY,
        passList: passList,
        reqCoordType: "WGS84GEO",
        resCoordType: "WGS84GEO",
        angle: "172",
        searchOption: "0",
        trafficInfo: "Y"
    },
    success: function (response) {
        prtcl = response;
        
        // 5. 경유지 최적화 결과 Line 그리기 
        var trafficColors = {
            extractStyles: true,

            /* 실제 교통정보가 표출되면 아래와 같은 Color로 Line이 생성됩니다. */
            trafficDefaultColor: "#636f63", //Default
            trafficType1Color: "#19b95f", //원할
            trafficType2Color: "#f15426", //지체
            trafficType3Color: "#ff970e"  //정체

        };


        var style_red = {
            fillColor: "#FF0000",
            fillOpacity: 0.2,
            strokeColor: "#FF0000",
            strokeWidth: 3,
            strokeDashstyle: "solid",
            pointRadius: 2,
            title: "this is a red line"
        };

        drawData(prtcl);


    },
    error: function (request, status, error) {
        console.log("code:" + request.status + "\n" + "message:" + request.responseText + "\n" + "error:" + error);
    }
});
0 Likes

#2

안녕하세요.

T map API 운영담당자입니다.

현재 가이드 페이지 내용을 수정하였습니다
확인 하시면 정상적으로 이용하실수 있습니다.
아래의 링크를 참고하시면 도움이 되실겁니다.


http://tmapapi.sktelecom.com/main.html#webv2/usecase/UseCasePathSearch


감사합니다.

0 Likes