네이버 지도 카테고리별 마커를 다르게 하려 합니다.
본문
for($i=0;$i<$data.total;$i++){
/// 마커 등록.
var $obj = $data.list[$i];
var $href = "./board.php?bo_table=<?php echo $bo_table; ?>&wr_id="+$obj.wr_id;
var position = new naver.maps.LatLng($obj.wr_y, $obj.wr_x );
var MARKER_ICON_URL = '<?php echo $board_skin_url ?>/img/mapicon001.png';
var marker = new naver.maps.Marker({
map: map,
position: position,
title:$obj.wr_ca_name ,
zIndex: 100,
icon: { url: MARKER_ICON_URL,
size: new naver.maps.Size(50, 50),
anchor: new naver.maps.Point(25, 25),
origin: new naver.maps.Point(0, 0)
}
}
});
var infoWindow = new naver.maps.InfoWindow({
content: '<div style="width:250px;text-align:center;padding:10px;" ><b><a href="'+$href+'" target="_blank" onclick="window.open(this.href,\'_blank\',\'resizable,width=1200,height=1000, scrollbars=yes\');return false;" class="view_image">'+ $obj.wr_subject1 +'</b><br>'+ $obj.wr_subject +'<br>'+ $obj.wr_4 +'<br>'+ $obj.wr_5 +'</a></div>'
});
네이버 지도를 이용하고자 합니다
지도에 마커표시를 하는데 분류(카테고리)별로 지도에 마커를 다르게 표시되게 하려 합니다
위부분 노랗줄쪽을 작업하면 될것도 같은데 잘모르겠습니다^^
이부분에 if 문은 적용이 안되나요?
if($obj.wr_ca_name='분류1'){
......
답변 1
아래의 코드를 한번 참고를 해보세요.
for($i=0; $i<$data.total; $i++) {
var $obj = $data.list[$i];
var $href = "./board.php?bo_table=<?php echo $bo_table; ?>&wr_id="+$obj.wr_id;
var position = new naver.maps.LatLng($obj.wr_y, $obj.wr_x);
// 카테고리별로 다른 아이콘 URL 설정
var MARKER_ICON_URL;
if($obj.wr_ca_name == '분류1') {
MARKER_ICON_URL = '<?php echo $board_skin_url ?>/img/mapicon001.png';
} else if($obj.wr_ca_name == '분류2') {
MARKER_ICON_URL = '<?php echo $board_skin_url ?>/img/mapicon002.png';
} else if($obj.wr_ca_name == '분류3') {
MARKER_ICON_URL = '<?php echo $board_skin_url ?>/img/mapicon003.png';
} else {
// 기본 아이콘
MARKER_ICON_URL = '<?php echo $board_skin_url ?>/img/mapicon_default.png';
}
var marker = new naver.maps.Marker({
map: map,
position: position,
title: $obj.wr_ca_name,
zIndex: 100,
icon: {
url: MARKER_ICON_URL,
size: new naver.maps.Size(50, 50),
anchor: new naver.maps.Point(25, 25),
origin: new naver.maps.Point(0, 0)
}
});
var infoWindow = new naver.maps.InfoWindow({
content: '<div style="width:250px;text-align:center;padding:10px;"><b><a href="'+$href+'" target="_blank" onclick="window.open(this.href,\'_blank\',\'resizable,width=1200,height=1000, scrollbars=yes\');return false;" class="view_image">'+ $obj.wr_subject1 +'</b><br>'+ $obj.wr_subject +'<br>'+ $obj.wr_4 +'<br>'+ $obj.wr_5 +'</a></div>'
});
// 마커 클릭 이벤트 등을 여기에 추가할 수 있습니다.
}