javascript로 T map API 잘아시는 분 계신가요?

javascript로 T map API 잘아시는 분 계신가요?

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

javascript로 T map API 잘아시는 분 계신가요?

본문

안녕하세요? T Map api에 관한 정보가 SKplnet 개발자센터밖에 실제로 어떻게 활용해서 구현할지 막막합니다. 우연히 검색을 하다 한블로그에서 제가 구현하고 싶은 기능을 발견하였지만 부분 부분코딩이라 정확한 구현이 어려워 질문 남깁니다. 아래 사진과 같이 구현하고 싶은데 부분코딩이라도 남깁니다.


function getPOI(){
    tData = new Tmap.TData();
    tData.events.register("onComplete", tData,onCompleteLoadGetPOIDataFromSearch);
    tData.events.register("onProgress", tData, onProgressLoadPoiData);
    tData.events.register("onError", tData, onErrorLoadPoiData);
   
    var searchText = jQuery('#searchText').val();
    var encodingSearchText = encodeURIComponent(searchText);   
    if(searchText != ''){
    var options ={version:1}
    tData.getPOIDataFromSearch(encodingSearchText,options);
    jQuery('#searchResult').css("display","block");
    }else{
    alert('검색할 POI를 입력해주세요.');
    }
           
    function onCompleteLoadGetPOIDataFromSearch(){
        jQuery("#searchResult").html("");
        var size = new Tmap.Size(22,30);
        var offset = newTmap.Pixel(-(size.w/2), -size.h);
      if(jQuery(this.responseXML).find("searchPoiInfopoispoi").text() != ''){
        jQuery(this.responseXML).find("searchPoiInfopoispoi").each(function(){
        varname = jQuery(this).find("name").text();
                  var upperAddrName= jQuery(this).find("upperAddrName").text();
                  var middleAddrName= jQuery(this).find("middleAddrName").text();
                  var lowerAddrName= jQuery(this).find("lowerAddrName").text();
                  var upperBizName= jQuery(this).find("upperBizName").text();
                  var middleBizName= jQuery(this).find("middleBizName").text();
                  var lowerBizName= jQuery(this).find("lowerBizName").text();
                  var detailBizName= jQuery(this).find("detailBizName").text();
                  var coordX= jQuery(this).find("frontLon").text();
                  var coordY= jQuery(this).find("frontLat").text();
                  var trLonLat= get3857LonLat(coordX, coordY);
                  var nameArray= [];
                  nameArray= name.split("(");
                  if(name.length>20){
                             name= nameArray[0]+'<br/>('+nameArray[1];
                  }                                                              
if(jQuery(this).index() >= 10){
jQuery("#searchResult").append('<div><spanclass="num">'+(jQuery(this).index()+1)+'</span>&nbsp;<spanclass="imgSpan"><imgsrc="http://map.nate.com/img/contents/ico_spot.png"></span><spanclass="poiResultList"><ahref="javascript:selectPoi('+coordX+','+coordY+')"style="text-decoration:none; *margin-top:-10px;">'+name+'</a></span></div><br/><br/>');
var icon = new Tmap.IconHtml("<imgsrc=http://map.nate.com/img/contents/ico_spot.png/>", size, offset);
}else{
jQuery("#searchResult").append('<div><spanclass="num">'+(jQuery(this).index()+1)+'</span>&nbsp;<spanclass="imgSpan"><img src="img/ico_cg1_b_'+(jQuery(this).index()+1)+'.png"></span><spanclass="poiResultList"><ahref="javascript:selectPoi('+coordX+','+coordY+')"style="text-decoration:none;*margin-top:-10px;">'+name+'</a></span></div><br/><br/>');
var icon = newTmap.IconHtml("<imgsrc='img/ico_cg1_b_"+(jQuery(this).index()+1)+".png'/>",size, offset);
}
var label = new Tmap.Label("&nbsp;상호명 : "+ name + "<br/><br/>&nbsp;주소 : " + upperAddrName + " " +middleAddrName + "" + lowerAddrName+"<br/><br/>&nbsp;구분 : "+upperBizName + "&nbsp;&gt;&nbsp;"+middleBizName + "&nbsp;&gt;&nbsp;" + lowerBizName +"&nbsp;&gt;&nbsp;" + detailBizName);
var marker = new Tmap.Markers(newTmap.LonLat(coordX, coordY), icon, label);            
                  markers.addMarker(marker);
                  marker.events.register('mouseover',marker, onMarkerOver);
                  marker.events.register('mouseout',marker, onMarkerOut);
       
                });
           
        if(jQuery(this.responseXML).find("error").text() != ''){
                             varerrorMessage= jQuery(this.responseXML).find("error message").text();
                             alert(errorMessage);
        }else{
                  alert('검색결과가없습니다.');
        }
        if(jQuery(this.responseXML).find("searchPoiInfopoispoi").text() != ''){
                  map.zoomToExtent(markers.getDataExtent());
        }else{
                  map.setCenter(newTmap.LonLat(14134074.680985, 4517814.0870894),15);
                  markers.clearMarkers();   
        }
}
    }
}
 


319ef7c309b3120d3e783b34bd406d86_1504977718_214.png


이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 51,608 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중인 포인트경매

  1. 포인트경매 재오픈 이벤트 (14)

    참여19 회 시작17.09.19 15:21 종료17.09.20 15:21

(주)에스아이알소프트 (06253) 서울 강남구 강남대로 310, 1312호 (역삼동, 유니온센터) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT