function mapBuilder(culAddr){
dataListLength = culAddr.length;
if(dataListLength > 0) {
mapOption = {
center: new kakao.maps.LatLng(lat,lon),
level: 4
};
map = new kakao.maps.Map(mapContainer, mapOption);
var imageSrc = '/resources/culture/img/mainRenewal/mainMapImg_11.png',
imageSize = new kakao.maps.Size(28, 34),
markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
markerLocations = [];
for(var i = 0; i < dataListLength; i ++){
var addrData = culAddr[i].addr;
dataList.push(addrData);
}
var geocoder = new kakao.maps.services.Geocoder();
dataList.forEach(function(addr, index){
var coords = null;
geocoder.addressSearch(addr, function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status === kakao.maps.services.Status.OK) {
coords = new kakao.maps.LatLng(result[0].y, result[0].x);
console.log("위도: " + result[0].y + "경도: " + result[0].x);
var marker = new kakao.maps.Marker({
map: map,
position: coords,
image : markerImage
});
}
});
});
}
}
현재 주소를 좌표로 변환하여 다중마커를 지도에 반영 하고 싶은데 위도와 경도는 찾아옵니다.
그런데 실제 지도 위에서는 마커가 표시가 되지 않습니다.
기존에 for 문으로 처리해서 그런가 싶어 forEach 로 변경했지만 좌표는 잘 찾아오고 여전히 마커 생성은 안됩니다.
다른 다중 마커 페이지에선 for 문으로도 잘 표시 되었는데 해당 소스에서만 표시가 안됩니다.
확인 부탁드립니다.