안녕하세요
로컬api 에서 키워드장소검색으로 개발중입니다.
키워드 검색했을때 나올수있는 place의 갯수는 총 45개, 한페이지에 최대갯수는 15개로 알고있습니다
마커 또한 이미지가 1~15까지로 되어있는데요
제가 인피니트스크롤로 페이징을 수정하고 나니 마커가 1~15 까지 세번 반복이 되었죠
마커 이미지가 15번까지로 제한되어있나요? 아니면 45번까지있는것으로 이미지만 수정하면 가능할까요?
한다면 소스에서 스프라이트 이미지의 크기를 45번지의 이미지로 맞추기만 하면될까요?
아래는 카카오에서 제공되는 마커추가 함수 입니다 (저는 이미지만 변경하였습니다
// 마커를 생성하고 지도 위에 마커를 표시하는 함수입니다
function addMarker(position, idx, title) {
var imageSrc = '${context}/styles/img/map/location_icon_1.png', // 마커 이미지 url, 스프라이트 이미지를 씁니다
//var imageSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png', // 마커 이미지 url, 스프라이트 이미지를 씁니다
imageSize = new kakao.maps.Size(36, 37), // 마커 이미지의 크기
imgOptions = {
spriteSize : new kakao.maps.Size(36, 691), // 스프라이트 이미지의 크기
spriteOrigin : new kakao.maps.Point(0, (idx*46)+10), // 스프라이트 이미지 중 사용할 영역의 좌상단 좌표
offset : new kakao.maps.Point(13, 37) // 마커 좌표에 일치시킬 이미지 내에서의 좌표
},
markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imgOptions),
marker = new kakao.maps.Marker({
position: position, // 마커의 위치
image: markerImage,
});
marker.setMap(map); // 지도 위에 마커를 표출합니다
markers.push(marker); // 배열에 생성된 마커를 추가합니다
return marker;
}