(사진은 예시를 위해 3550여건의 마커를 넣었습니다)
위 사진처럼 마커의 개수가 많아지면 지도를 드래그할때 지도가 버벅입니다.
마커의 이미지를 4pixel 정도의 작은 이미지를 사용하여도 똑같이 버벅입니다.
(스프라이트 이미지는 사용하지 않았습니다.)
마커의 최대 표시 개수의 제한이 있는건지 아니면 다른 방법을 통해 마커를 그려야 하는건지 문의드립니다.
– 19.01.31 16:56 수정 ( 질문의 정확도를 높이기 위해 상세 코드와 설명을 추가합니다. )
// 3500번 반복호출
<c:forEach items="{3500여개의 좌표}" var="point">
setMarkerInfo("<c:out value="${point.lat}"/>", "<c:out value="${point.lng}"/>");
</c:forEach>
function setMarkerInfo(lat, lng){
var latlng = new daum.maps.LatLng(lat, lng);
var iconImg = "이미지.png";
var icon = new daum.maps.MarkerImage(
iconImg,
new daum.maps.Size(2, 2),
new daum.maps.Point(1, 1)
);
marker = new daum.maps.Marker({
position: latlng,
image: icon
});
marker.setMap(this.map);
}