Warning: Undefined array key "mobile_dir" in /home/kagla/new-sir/old/common.php on line 315
네이버 지도 카테고리별 마커를 다르게 하려 합니다.

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

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

QA

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

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

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,406
© SIRSOFT
현재 페이지 제일 처음으로