----------------------------------------- 카카오 API--------------------------------------------
c:forEach var=“list” items="${csrdList}" varStatus=“status”>
----------------------------------------HTML---------------------------------------------
현재 스프링기반의 프레임워크에서 지도를 수정하고 있습니다.
좌표에 맞게 이동하는것도 잘되고 마커기능을 이동기능처럼 onclick으로 실행했을시에도 html단에서
실행이 잘됩니다.
다만, 현재 구현하고 싶은 기능은 하나 클릭 - 이동 - 하나 마킹 이런식이 아니라 웹페이지가 시작할때
DB에 있는 좌표정보에 대한 마커를 전부 띄우고 시작하고 싶습니다.
현재 티베로DB(오라클)을 사용하고 있는데… 정보가 하나도 없습니다. 기존에 있던 지도를 바꾸고 있어
기존 코드를 활용하려고 했으나 어떻게 변경해야 할지 몰라 도음을 요청해봅니다.
-----------------------------기존 다른 지도 코드---------------------------------
function cntlDraw(min_Y, min_X, max_Y, max_X) {
jQuery.ajax( {
type : “POST”,
cache: false,
contentType:“application/x-www-form-urlencoded;charset=utf-8”,
url : “/home/main/Main_Cntl_Info.do”,
data : {
min_Y : min_Y,
min_X : min_X,
max_Y : max_Y,
max_X : max_X,
} ,
success : function(data) {
var arr = eval(data);
if( arr == null) {
cntlRemove();
return;
} else {
var latLon = null;
//cntlCnt = 0;
cntlRemove();
for(var i = 0; i < arr.length; i++) {
if( arr[i].lat != null && arr[i].lon != null && arr[i].lat != ‘’ && arr[i].lon != ‘’) {
cntlMarker[cntlCnt] = new L.Marker(new L.LatLng(arr[i].lat, arr[i].lon),{icon: new L.Icon({ // 마커 찍기
iconUrl: “/images/sfms/map/icon_position2.gif”, //핀 이미지
iconAnchor: [16,16] // 오프셋 (핀의 끝이 좌표로 매칭하기 위해 적용)
})}).addTo(map);
setCntlEvent(arr[i].tcdv_lcno, arr[i].int_name, arr[i].model_kind, arr[i].make_date, arr[i].vander_id, arr[i].const_work, arr[i].lat, arr[i].lon, cntlMarker[cntlCnt]);
++cntlCnt;
}
} //for문끝
}
},
error : function(data) {
}
});
}