다음지도 여러개 마커 질문입니다

var mapContainer = document.getElementById(‘map’), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};

// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);

// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();

var listData = [
{
groupAddress: ‘제주특별자치도 제주시 첨단로 242’,
},
{
groupAddress: ‘제주특별자치도 제주시 첨단로 241’,
}
];

for (var i=0; i < listData.length ; i++) {
// 주소로 좌표를 검색합니다
geocoder.addressSearch(listData[i].groupAddress, function(result, status) {

// 정상적으로 검색이 완료됐으면 
 if (status === daum.maps.services.Status.OK) {

    var coords = new daum.maps.LatLng(result[0].y, result[0].x);

    // 결과값으로 받은 위치를 마커로 표시합니다
    var marker = new daum.maps.Marker({
        map: map,
        position: coords
    });

    // 인포윈도우로 장소에 대한 설명을 표시합니다
    var infowindow = new daum.maps.InfoWindow({
        content: listData[i]
    });
    infowindow.open(map, marker);

    // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
    map.setCenter(coords);
} 

})

};

마커 인포윈도우부분에 주소를 나오게하고싶습니다
result[0].x 나 y 하면 좌표는 잘뜨던데
var listData의 값을 뿌려줄순 없나요?

그리고 마커 클릭이벤트시에도 배열변수의 값을 가져오고싶습니다

다 가능합니다.

API사이트의 예제를 보시고
잘 조합해보시면 충분히 하실 수 있습니다.
http://apis.map.daum.net/web/sample/

1개의 좋아요

예제를 보았는데도 잘모르겠습니다…

끄응…
제가 가이드 해 드릴 단계가 아닌 것 같은데요.

그럼 질문을 좀 구체적으로 해주세요.
무엇인가 해 본 흔적이 있고 ‘어디서 막혔다. 이런 경우에는 어떻게 해야 하나?’ 정도의 상세 질문이 되어야 제가 가이드를 해 드릴 수 있습니다.

본문의 코드는 이미 데브톡에서 논의된 내용이라 해 봤다고 하기에는 무리가 있고,
질문의 톤 앤 매너는 전체 구현 자체를 요청한 것이라고 밖에는 보이지 않아서요.

1개의 좋아요

제 생각엔 i 값이 어떻게 바뀌는 지 생각해보시면 도움이 될 것 같습니다.


이두 게시물과 같은 질문이었는데…

해결되었습니다

1개의 좋아요