Dynamic JSONP Result

출처: Dynamic JSONP Result Click the Button. A script tag with a src attribute is created and placed in the document. The PHP file returns a call to a function with the JSON object as a parameter. Click me! Try changing the table property from “customers” to “products”. function clickButton() { var obj, s obj = { “table”:”customers”, “limit”:10 }; s = document.createElement(“script”); s.src = “https://www.w3schools.com/js/jsonp_demo_db.php?x=” + JSON.stringify(obj); document.body.appendChild(s); } function myFunc(myObj) { var x, txt = “”; for (x in myObj) { txt += myObj[x].name + “”; } document.getElementById(“demo”).innerHTML = txt; } Click the Button. A script tag with a src attribute is created and placed in the document. […]

지도 줌레벨 변경

출처: 지도 줌레벨 변경 1 2 3 4 5 6 7 8 9 10 var map = sop.map(“map”); map.setView(sop.utmk(953820, 1953437), 1); map.zoomIn(); map.zoomOut(); function zoomIn(){ map.zoomIn(); // 줌 레벨 한단계 확대 } function zoomOut(){ map.zoomOut(); // 줌 레벨 한단계 축소 } function setZoom(val){ map.setZoom(val); } 지도 줌레벨 변경 .divCon { margin: 5px 0; width: 100%-20px; height: 160px; overflow-x:hidden; overflow-y:auto; border: 2px dotted #3388ff; } 1 2 3 4 5 6 7 8 9 10 var map = sop.map(“map”); map.setView(sop.utmk(953820, 1953437), 1); map.zoomIn(); map.zoomOut(); function zoomIn(){ map.zoomIn(); // 줌 레벨 한단계 확대 } function zoomOut(){ map.zoomOut(); // 줌 레벨 한단계 축소 } function setZoom(val){ map.setZoom(val); }

지도 이동

출처: 지도 이동 var map = sop.map(“map”); map.mapMove = function (center, zoom, animate) { if (animate == null) { animate = true; //false로 설정할경우 애니메이트 효과 끔 } if (center != null) { this.center = map.center; if (zoom != null) { this.zoom = zoom; this.setView(sop.utmk(center[0], center[1]), zoom, { animate : animate }); } else { this.setView(sop.utmk(center[0], center[1]), { animate : animate }); } } } map.setView(sop.utmk(953820, 1953437), 9); map.mapMove([953810,1953437],7); function mapMove(direction){ var center = map.getCenter(); var x = center.x; var y = center.y; switch(direction){ case “top” : y = y+2000; break; case “bottom” : y = y-2000; break; case “right” : x = x+2000; break; case “left” : x = […]

통계청 공간정보서비스

openAPI 통계청:공간정보서비스과 var userURL = “https://lifea.co.kr/”; function fncGeoCode() { var url = userURL + “/AjaxRequest.jsp?getUrl=”; var subURL = “http://sgis.kostat.go.kr/OpenAPI2/geocoder.do?serviceKey=7016a2c0289a4dbba505″+ document.getElementById(“7016a2c0289a4dbba505”).value; subURL += “&type=2”; subURL += “&sido=”+encodeURIComponent(document.getElementById(“sido”).value); subURL += “&sigungu=”+encodeURIComponent(document.getElementById(“sigungu”).value); subURL += “&dong=”+encodeURIComponent(document.getElementById(“dong”).value); subURL += “&jibun=”+document.getElementById(“jibun”).value; url += encodeURIComponent(subURL); $.ajax({ “url” : url, “type” : “GET”, “success” : function(result) { if(result == null || result == “”){ alert(“해당 주소로 얻을수 있는 좌표가 없습니다. 주소값을 다시 입력하세요”); }else{ $.each(result, function(i,value){ if(result.data == null ){ if(i==0){ $(“#x_coords”).attr(“value”,value.posX); $(“#y_coords”).attr(“value”,value.posY); $(“#address”).attr(“value”, value.address); } } }); } }, “async” : “false”, “dataType” : “json”, “error”: function(x,o,e){ alert(x.status + “:” +o+”:”+e); } }); } serviceKey : 지번주소 시도 : 시군구 : 읍면동 : 지번 : 중부원점(TM_M) X좌표 […]

아파트 실거래 상세자료 – XML

테스트 중 입니다. CD 목록 가져오기 var xhr = new XMLHttpRequest(); var url = ‘http://openapi.molit.go.kr/OpenAPI_ToolInstallPackage/service/rest/RTMSOBJSvc/getRTMSDataSvcAptTradeDev’; var queryParams = ‘?’ + encodeURIComponent(‘ServiceKey’) + ‘=’ + ‘서비스키’; queryParams += ‘&’ + encodeURIComponent(‘ServiceKey’) + ‘=’ + encodeURIComponent(‘ljR85TfMwdQg2kEHk1v%2FSs9Tc4qJV%2ByhtZ%2BrIAKcaeWAbprT9Z5%2BEXtKwmAwo%2FmQb%2BcvJwswSchr9twCxSvHMA%3D%3D’); queryParams += ‘&’ + encodeURIComponent(‘pageNum’) + ‘=’ + encodeURIComponent(‘1’); queryParams += ‘&’ + encodeURIComponent(‘numOfRows’) + ‘=’ + encodeURIComponent(’10’); queryParams += ‘&’ + encodeURIComponent(‘LAWD_CD’) + ‘=’ + encodeURIComponent(‘11110’); queryParams += ‘&’ + encodeURIComponent(‘DEAL_YMD’) + ‘=’ + encodeURIComponent(‘201512’); xhr.open(“GET”, url + queryParams); xhr.onreadystatechange = function() { if (this.readyState == 4) { alert(‘Status: ‘+this.status + ‘Headers:’ + JSON.stringify(this.getAllResponseHeaders()) + ‘Body:’+ this.responseText); } }; xhr.send(”);

아파트 실거래 자료 2

테스트 중 입니다. var myObj, i, txt = “”; var xmlhttp = new XMLHttpRequest; xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myObj = JSON.parse(this.responseText); txt += “” for (i in myObj.records) { txt += “” + myObj.records[i].아파트; } txt += “” document.getElementById(“demo”).innerHTML = txt; } }; xmlhttp.open(“POST”, “https://lifea.co.kr/아파트매매_상세자료.json”, true); xmlhttp.send();

아파트 실거래 자료

테스트 중 입니다. var x = “”, xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var myArr = JSON.parse(this.responseText); for (i in myArr.records) { x += “” + myArr.records[i].아파트 + “” + ” (” + myArr.records[i].지번 + “, ” + myArr.records[i].도로명 + “)” + “” + “전용면적: ” + myArr.records[i].전용면적 + ” 계약월: ” + myArr.records[i].월 + ” 계약일: ” + myArr.records[i].일 + ” 거래금액(만원): ” + myArr.records[i].거래금액 + ” 층: ” + myArr.records[i].층 + ” 건축년도: ” + myArr.records[i].건축년도+ “” + “”; } document.getElementById(“demo”).innerHTML = x; } }; xmlhttp.open(“GET”, “https://lifea.co.kr/아파트매매_상세자료.json”, true); xmlhttp.send();