자바스크립트 변수 + 변수 질문입니다
본문
안녕하세요
카카오지도api 를 이용하려고 하는데요
기존에는 php코드를 이용해서 반복문으로 한페이지에 여러개의 지도를 노출시켰는데요
이번에 php를 사용하지 않고 반복문을 돌리려니 기존에 코드를 어떻게 수정해야 할지 몰라서 질문드리게 되었습니다.
var geocoder = new daum.maps.services.Geocoder();
<? for($i=0; $i < count($list); $i++) { ?>
container = document.getElementById('fr_<?=$i?>');
var options = {
center: new daum.maps.LatLng(37.566826, 126.9786567),
level: 3
};
var map_<?=$i?> = new daum.maps.Map(container, options);
// 주소로 좌표를 검색합니다
geocoder.addressSearch('<?=$list[$i]['fr_addr1']?>', function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords_<?=$i?> = new daum.maps.LatLng(result[0].y, result[0].x);
// 결과값으로 받은 위치를 마커로 표시합니다
marker_<?=$i?> = new daum.maps.Marker({
map: map_<?=$i?>,
position: coords_<?=$i?>
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map_<?=$i?>.setCenter(coords_<?=$i?>);
}
});
<? } ?>
이게 기존에 코드 인데요
저기서 <??> php로 된 부분을 그냥 자바스크립트를 써서 사용하려고 합니다
for( var i =1; i<3; i++) 이안에 넣어서 사용하려고 하는데요
예를 들어
var map_<?=$i?> = new daum.maps.Map(container, options);
이부분에서 var map_ + i 이렇게 사용해야 하나요?
php를 사용하지 않고 어떻게 코드를 고쳐줘야 정상 작동할까요
$list[$i]['fr_addr1'] 이부분은 배열에 주소를 넣고 가져오기로 했습니다