코딩내용은 아래와 같습니다만
마지막 글에서 만 지도에 위치가 표시되고 그전에건 표시가 안됩니다
고수님들 도와주세요
<c:forEach items="${buyerRentalSubList}" var=“buyerRentalSubList” varStatus=“loopTagStatus”>
<td>${buyerRentalSubList.rental_product}
<td>${buyerRentalSubList.rp_model_name}
<td>${buyerRentalSubList.rt_comname}
<td>${buyerRentalSubList.rt_phone}
<td>${buyerRentalSubList.rental_date}
<td>${buyerRentalSubList.rental_term}
<td>
<c:if test="${buyerRentalSubList.rental_start_date==null}">
접수대기중
</c:if>
<c:if test="${buyerRentalSubList.rental_start_date!=null}">
${buyerRentalSubList.rental_start_date}
</c:if>
회사주소
|
${buyerRentalSubList.rt_comaddr}
|
<script>
var mapContainer = document.getElementById('map${loopTagStatus.count}'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(37.478690, 126.87869), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addressSearch('${buyerRentalSubList.rt_comaddr}', function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status == kakao.maps.services.Status.OK) {
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new kakao.maps.Marker({
map: map,
position: coords
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
}
});
|
|
</c:forEach>
마지막 글이란 말이 for문의 마지막 item일 때란 말인가요?
for문으로 테스트한 결과 지도 생성에는 문제없이 잘 동작합니다.
먼저 ${buyerRentalSubList.rt_comaddr}
의 값이 잘 들어가 있는지 확인이 필요해 보입니다.
테스트 코드도 첨부해드립니다.
<srcipt>
<div id="map1" style="width:100%;height:350px;"></div>
<div id="map2" style="width:100%;height:350px;"></div>
<div id="map3" style="width:100%;height:350px;"></div>
<script>
for(var i=1; i<4; i++){
var mapContainer = document.getElementById('map'+i);
var mapOption = {
center: new kakao.maps.LatLng(37.478690, 126.87869), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
}
</script>