Tech. Forum 개발자들을 위한 정보 공유의 장입니다
닫기

Tech.Forum

TmapV2 클러스터 가이드 요청

#1

기존 V1 클러스터의 경우 gap 과 distance 로 클러스터 이미지 변경, 묶음 처리가 가능했는데요.

V2로는 count, minClusterCount??, maxClusterZoom?? 아무리 조합해도 원하는 결과가 나오지 않네요.
V2가이드 부탁드립니다.

0 Likes

#2

안녕하세요.

T map API운영담당자입니다.

문의 주신 내용은 V1에서 gap, distance을 사용하는것 같은 효과를
V2에서 사용을 원하시는것 으로 보입니다.

V2에서 count는 V1의 gap과 다르게 하나의 클러스터아이콘 마다 지정하여
설정하여 사용 하실 수 있습니다. 예를 들어 gap을 '30’으로 설정시,
V2의 count는 30씩 증가한 값(count : 30, count : 60)을 사용하시면 됩니다.
V1의 distance의 경우 V2에서는 클러스터가 되는 줌 레벨을 설정하는
maxClusterZoom값을 설정하여, V1에서 클러스터가 되는 거리만큼의
줌 값을 maxClusterZoom옵션에 적용하여 사용하면, 구현하실 수 있습니다.
추가적으로, 문의하신 minClusterCount에 관해서는 클러스터가 시작되는
최소 갯수를 설정하는 옵션입니다.

해당 내용과 관련하여 가이드 링크와 예시를 남겨 드리겠습니다.
참고하시면 도움이 되실겁니다.


Ex)
var lat = 37.566681;
var lng = 126.978453;
var markers1 = [];

for (var i = 0; i < 5; i++) {
for (var j = 0; j < 5; j++) {
var marker = new Tmapv2.Marker({
position: new Tmapv2.LatLng(lat + (j * 0.001), lng + (i * 0.001)),
label: ‘cluster’,
map: map
});
markers1.push(marker);
}
}

var icons = [
{imageUrl: “http://topopentile1.tmap.co.kr/tmapicon/map/clusterbg1.png”, size: new Tmapv2.base.Size(35,35), count: 10, fontSize: “15px”, fontColor: “#333333”},
{imageUrl: “http://topopentile1.tmap.co.kr/tmapicon/map/clusterbg2.png”, size: new Tmapv2.base.Size(35,35), count: 20, fontSize: “15px”, fontColor: “#333333”},
{imageUrl: “http://topopentile1.tmap.co.kr/tmapicon/map/clusterbg3.png”, size: new Tmapv2.base.Size(35,35), count: 25, fontSize: “15px”, fontColor: “#333333”}];

// 마커클러스터 등록
markerCluster = new Tmapv2.extension.MarkerCluster({
markers: markers1, // 마커들이 담긴 배열
icons : icons,
minClusterCount : 3,
maxClusterZoom : 8,
map: map // 지도 객체
});

[Tmapv2.extension.MarkerCluster Doc]
http://tmapapi.sktelecom.com/main.html#webv2/docs/WebDocs.extension_MarkerCluster


감사합니다.

0 Likes