KBoard 세계지도 프랜차이즈 스킨 - 지도 크기 변경 및 지도의 zoom 설정을 변경하고 싶어요.

1. 지도 높이 height를 작게 만들고 싶습니다.

2. 기본적으로 보여지는 지도의 zoom 설정을 변경하고 싶습니다. (보여지는 반경을 더 좁게 )

3. 디폴트지도(리스트페이지)는 서울로 되어 있는데요. 이 부분을 다른 지역으로 변경가능한지( 예, 부산 또는 경기 등)

 

답변 주시면 감사하겠습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. KBoard 세계지도 프랜차이즈 스킨에서 지도 높이를 조절하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-worldmap-franchise-list #kboard-worldmap-franchise-canvas.active { height: 300px; }

    위의 코드에서 픽셀 값은 적절히 조절해보세요.

     

    2. kboard_worldmap_franchise_default_zoom 필터를 사용하시면

    구글 지도의 zoom을 설정하실 수 있습니다.

    테마의 functions.php 파일 하단에 아래의 코드를 추가해주시면 됩니다.

    add_filter('kboard_worldmap_franchise_default_zoom', 'my_kboard_worldmap_franchise_default_zoom', 10, 2);
    function my_kboard_worldmap_franchise_default_zoom($default_zoom, $board){
    	if($board->id == '1'){
    		$default_zoom = '15';
    	}
    	return $default_zoom;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주시고

    $default_zoom = '15' 부분의 숫자도 적절히 수정해주시면 됩니다.

    따로 수정하지 않으셨다면 기본으로 13으로 설정되어 있습니다.

    숫자가 커질수록 지도에서 상세하게 보이며 숫자가 작아질수록 많은 지역을 표시할 수 있습니다.

     

    3. 최초 표시되는 위치는 브라우저에서 위치 설정을 승인했다면

    현재 브라우저를 접속한 기기의 위치가 표시됩니다.

    위치 설정을 거절할 경우, 말씀하신 것처럼 서울로 표시됩니다.

     

    kboard_worldmap_franchise_default_location 필터를 이용하시면 지도 로딩 시 처음 표시되는 위치를 수정하실 수 있습니다.

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보시겠어요?

    add_filter('kboard_worldmap_franchise_default_location', 'my_kboard_worldmap_franchise_default_location', 10, 2);
    function my_kboard_worldmap_franchise_default_location($default_location, $board){
    	if($board->id == '1'){
    		$default_location = '39.738347, -101.515308';
    	}
    	return $default_location;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주시고

    $default_location = '39.738347, -101.515308'; 실제 지도 로딩 시 표시될 좌표값으로 변경해보시겠어요?

    고맙습니다.

  • 답변 정말 감사드립니다.  도움 많이 되었습니다.

    답변 주신 1번/2번 내용(지도 크기 및 지도 줌 설정)을 게시글 읽기 페이지에서도 적용하려면 어떻게 해야하나요?

    현재는 리스트에서만 적용되고 있습니다.

  • 게시글 본문 페이지에서 지도 높이를 조절하시려면

    아래의 CSS 코드도 추가해보세요.

    #kboard-worldmap-franchise-document #kboard-worldmap-franchise-canvas.active { height: 300px; }

     

    게시글 본문 페이지에서 줌 크기를 테마 쪽 functions.php 파일에 추가하신 코드로 적용하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/google-maps.js 파일에

    아래의 코드를 찾아서

    map_option.zoom = 15;

    아래의 코드로 교체해보시겠어요?

    map_option.zoom = jQuery('input[name="kboard_worldmap_franchise_default_zoom"]').val() ? parseInt(jQuery('input[name="kboard_worldmap_franchise_default_zoom"]').val()) : 15;

    고맙습니다.

  • 정말 고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요