네이버 지도 카테고리별 마커를 다르게 하려 합니다.

네이버 지도 카테고리별 마커를 다르게 하려 합니다.

QA

네이버 지도 카테고리별 마커를 다르게 하려 합니다.

본문


                
                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>'
    });

    // 마커 클릭 이벤트 등을 여기에 추가할 수 있습니다.
}

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 61,345
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT