일단 이렇게 스크립트를 짯습니다. 해당 마커가 표기되는 부분에 링크를 걸고 싶은데 어떻게 하면 좋을까요?
mapOption = {
center: new kakao.maps.LatLng(37.5475542,126.9822843), // 지도의 초기 시작 좌표 기입
level: 7 // 지도의 확대 레벨
};
// 설정되 옵션으로 지도 생성 하는 소스
var map = new kakao.maps.Map(mapContainer, mapOption);
// 마커를 표시할 위치와 title 객체 배열입니다
var positions = [
{
content: ‘
닥터아이언스 원주점
’,latlng: new kakao.maps.LatLng(37.341797,127.9234795)
}
];
for (var i = 0; i < positions.length; i ++) {
// 마커를 생성합니다
var marker = new kakao.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].latlng, // 마커의 위치
});
// 마커에 표시할 인포윈도우를 생성합니다
var infowindow = new kakao.maps.InfoWindow({
content: positions[i].content // 인포윈도우에 표시할 내용
});
// 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다
// 이벤트 리스너로는 클로저를 만들어 등록합니다
// for문에서 클로저를 만들어 주지 않으면 마지막 마커에만 이벤트가 등록됩니다
kakao.maps.event.addListener(marker, ‘mouseover’, makeOverListener(map, marker, infowindow));
kakao.maps.event.addListener(marker, ‘mouseout’, makeOutListener(infowindow));
}
// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
function makeOverListener(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
// 인포윈도우를 닫는 클로저를 만드는 함수입니다
function makeOutListener(infowindow) {
return function() {
infowindow.close();
};
}