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;
고맙습니다.
정말 고맙습니다.