지도/로컬 API에 대한 문의게시판입니다.
아래와 같이 코드를 짰습니다. 마커를 클릭하면 그마커의 좌표가 뜨게하고싶은데
제일 마지막에 추가된 마커의 좌표만 뜹니다. 어떻게 해결할수 있을까요?
$.ajax({
method: “GET”,
url: “https://8oi9s0nnth.apigw.ntruss.com/corona19-masks/v1/storesByGeo/json”,
data: {lng: result.x, lat: result.y, m: 5000},
})
.done(function (msg) {
var position = [];
for(var j in msg.stores){
var push = position.push({latlng: new kakao.maps.LatLng(msg.stores[j].lat, msg.stores[j].lng), status: msg.stores[j].remain_stat, text: msg.stores[j].name});
}
for(var i in position) {
if (position[i].status == “plenty”){
var imageSrc = “http://arcspace.kr/project/maskfinder/mask/100p.png”;
}
if (position[i].status == “some”){
var imageSrc = “http://arcspace.kr/project/maskfinder/mask/30p.png”;
}
if (position[i].status == “few”){
var imageSrc = “http://arcspace.kr/project/maskfinder/mask/2p.png”;
}
var imageSize = new kakao.maps.Size(24, 35);
var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
var marker = new kakao.maps.Marker({
map: map, // 마커를 표시할 지도
position: position[i].latlng, // 마커를 표시할 위치
title : position[i].text, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
image : markerImage, // 마커 이미지
text: position[i].text
});
kakao.maps.event.addListener(marker, ‘click’, function() {
console.log(marker.getPosition());
});
}
이벤트 함수 안에서 this.getPosition();
으로 호출하면 각 마커의 위치정보를 가져올 수 있습니다.
kakao.maps.event.addListener(marker, 'click', function(mouseEvent) {
console.log(this.getPosition());
});