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

Tech.Forum

v2 클러스터 관련 샘플 요청

#1

클러스터 파라미터 중
imageUrl, size, count, fontSize, fontColor 값은 markers와 동일 레벨이 아닌것으로 보입니다.
icons 라는 파라미터를 통해 객체로 세팅 되어야 맞는 것으로 보이는데요.

해당 옵션들을 사용한 가이드 요청드립니다.

0 Likes

#2

안녕하세요.

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

해당 가이드의 내용을 수정하였습니다.
혼란을 드려 죄송합니다.
해당 옵션을 사용한 예제를 아래에 남겨드리겠습니다.
참고하시면 도움이 되실겁니다.


Ex)
function addMarkerCluster() {
var lat = 37.566680;
var lng = 126.978433;
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 iconss= [
{
imageUrl: ‘http://tmapapis.sktelecom.com/upload/tmap/marker/pin_r_b_x.png’,
size: new Tmapv2.base.Size(30, 30),
count: 10,
fontSize: ‘16px’,
fontColor: ‘black’
},
{
imageUrl: ‘http://tmapapis.sktelecom.com/upload/tmap/marker/pin_r_b_o.png’,
size: new Tmapv2.base.Size(30, 30),
count: 20,
fontSize: ‘16px’,
fontColor: ‘black’
},
{
imageUrl: ‘http://tmapapis.sktelecom.com/upload/tmap/marker/pin_r_b_i.png’,
size: new Tmapv2.base.Size(30, 30),
count: 30,
fontSize: ‘16px’,
fontColor: ‘black’
}
]
markerCluster = new Tmapv2.extension.MarkerCluster({
markers: markers1,
icons : iconss,
map: map
});
}

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


감사합니다.

0 Likes

#3

fontSize, fontColor은 값을 변경해도 반영되지 않는것 같습니다.

또한 count 값은 ‘이미지가 표출될 마커 개수’ 라고 안내 되어있는데요.
var iconss= [{
imageUrl: “http://topopentile1.tmap.co.kr/tmapicon/map/clusterbg1.png”,
size: new Tmapv2.base.Size(30, 30),
count: 10,
fontSize: “42px”,
fontColor: “red”
}];
이렇게 하나만 설정한다면 아무 의미가 없는 값이 됩니다.
가이드 해주신 것 처럼 3개 이미지를 설정할때도 가장 큰 count를 갖는 이미지는 사실상 의미 없는 값이 됩니다.

현재 기준은 해당 이미지를 사용하는 max count 인데요.

실무에서는 minCount 값을 설정하는 것이 유용해 보입니다.


캡쳐 화면과 같이 지금은 지도의 최대 줌으로 확대해도 클러스터가 풀리지 않는 경우가 발생합니다.
minCount로 설정이 가능하다면 이런 현상을 해결할 수 있어 보입니다.

최대 줌에서 마커가 표시되지 않는 현상은
클러스터 마커가 클릭 이벤트를 받아주지 않는 이슈와 이어집니다.
마커에는 클릭 이벤트를 사용하는데 클러스터가 풀리지 않는다면 클릭을 할 수 없는 상황이 되는 것입니다.

위 모든 이슈들에 대해 깊은 검토 요청 드립니다.

0 Likes

#4

안녕하세요.

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

문의 주신 내용을 통해 현재 진행된 사항을
순서대로 말씀 드리겠습니다.

1.fontSize, fontColor는 적용이 되지않던 문제를 수정하여,
내일 부터 정상적으로 적용된 기능을 사용하실 수 있습니다.
또한, 폰트의 굵기를 설정하는 fontWeight 옵션이 추가되어,
(‘normal’ : 일반, ‘bold’ : 굵은 텍스트)로 사용하실 수 있습니다.

2.count옵션과 관련하여 문의주신 내용을 검토 하였고,
다음 업데이트에 추가할 예정입니다.
현재 빠른시일내에 반영이 되도록 계획을 하고 있으며,
업데이트를 완료 하는대로 해당 기능이 추가 되면,
가이드에 바로 적용 하도록 하겠습니다.

감사합니다.

1 Like

#5

안녕하세요.
count 옵션 관련 업데이트 예정은 언제쯤일까요?

0 Likes

#6

안녕하세요.

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

문의와 관련하여 minClusterCount 옵션을 적용하시면
최소 클러스터 되는 개수를 지정하실 수 있으며, 이 옵션을 사용하시면
원하시는 기능을 사용하실 수 있으실겁니다.

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


[마커클러스터 Doc]
http://tmapapi.sktelecom.com/main.html#webv2/docs/WebDocs.extension_MarkerCluster


감사합니다.

0 Likes