안녕하세요.. 

@펄스나인 님의 반응형 다중마커 지도 스킨으로 API지도관련 공부하면서 스킨을 수정하여 공개합니다.

먼저 스킨을 공개해주신 원 제작자이신 @펄스나인 님께 감사드립니다.

@펄스나인 님께 공개여부 의사를 밝혔으나 답변이 없으셔서 공개여부를 고민하다가 다른분들께 도움이 될까해서 일단 공개하기로 하였습니다.

이번 공개용 버전은 반응형 아니므로, 반응형으로 구현하실 분들은 style.css 에서 @펄스나인 님의 반응형 코드를 참고하셔서 약간 수정을 하셔야 합니다.

@펄스나인 님의 원본 CSS는 수정하지 않았으며, 필요한 CSS 부분만 추가하였습니다. 

추후에도 원 제작자이신 @펄스나인 님께서 공개거부 의사를 밝히시면 삭제조치 하도록 하겠습니다.

카카오 지도 API 특징 및 APP Key 발급 방법은 @펄스나인 님의 스킨을 참조하시면 됩니다.

그누보드 - [펄스나인] 지도API 반응형 다중마커 게시판 V2 > 그누보드5 스킨 (sir.kr)

변경된 부분

1. 레이아웃은 리스트 형식이 아닌 갤러리 형식으로 변경

2. 지도검색 부분 추가

지도검색은 지역명(시,군,동 등)으로 검색할 수 있으며, 해당지역으로 이동되게 추가

해당 지역에 등록된 업체가 있으면 리스트에 출력되게 추가

3. 브라우저창의 크기에 따라 지도레벨 리셋되는 부분을 리셋되지 않게 수정

4. 리스트에서 지도 마우스 휠 축소 확대방지 기능 추가

마커이미지는 기본 이미지로 적용되어있으며 @펄스나인 님의 이미지 사용시 list.skin.php 에서

// image: markerImage

주석을 제거하시면 @펄스나인 님의 이미지마커를 사용하실수 있습니다.

커스텀 오버레이는 조금 더 심플하게 수정하였습니다.

글쓰기 버튼 관리자만 보이게 할 경우 아래 부분의 주석을 제거해 주세요

368번째줄 <?//php if ($is_admin == 'super' || $is_auth) {  ?>
생략
382번째줄 <?//php } ?>

view 페이지 레이아웃 변경

뷰페이지는 크게 변경된 부분은 없으며 스킨의 레이아웃 부분만 조금 수정하였습니다.

테스트환경

php 7.2 / 7.4

mysql 8.0

그누보드 5.4 ~ 5.5.8.2.8

오늘도 좋은하루 되세요~^^