안녕하세요. ^^ 정적인손님 입니다.
밥벌이하느라 계속 눈팅만하다 네이버지도에 관심이 다시 생겨서 네이버지도 게시판스킨을
공부하기 시작하였습니다. ^^;; 항상 그렇듯 이래저래 짜집어놓아서 실사용은 어렵다 생각되지만
앞으로 좋아질 스킨이 될거라는 꿈을 살짝 꿔 봅니다.
게시판스킨명
- 그누보드5 용 네이버지도 v3보고 따라한 네이버맵 멀티마커 게시판 스킨 v1.0.0 PC버전
- 그누보드5 용 네이버지도 v3보고 따라한 네이버맵 멀티마커 게시판 스킨 v1.0.0 모바일버전
공부하는이 : 정적인손님
왕 초보이기 때문에 항상 많은 가르침 기다리고있습니다. ^^ 많은 지도편달 부탁드립니다.
PC용설치는 /skin/board/ 에 압축을 풀어 넣은 후 게시판스킨 지정해주면 사용가능합니다.
모바일용설치는 /mobile/skin/board/ 에 압축을 풀어 넣은 후 게시판스킨 지정해주면 사용가능합니다.
네이버지도 API키는 list스킨, view스킨, write스킨 상단에 넣어주시면 됩니다.
테스트 할 수 있게 링크 걸어노았습니다.
- 변경사항 2017-04-13 -
모바일스킨도 추가업로드하였습니다. ^^
내위치 기능은 모바일에만 적용하였습니다~
※추신
1. 본 스킨은 저작권에 의하여 수정 및 배포를 최대한 권장합니다.
2. 수정 및 배포 하신 후 알려주시면 가서 좋아요 누른 후 감사의 메시지를 남겨드립니다.
3. 본 스킨에는 치명적인 오류가 있을 수 있사오니 노약자 임산부 유아는 멀리해주시기 바랍니다.
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
아래님이 올려주신 가로 로그인에 회원레벨과 레이아웃을 조금 수정했습니다. https://sir.kr/g5_skin/2305?sfl=wr_subject%7C%7Cwr_content&...
기능 : 1. 리스트에서 내용의 일부분을 출력하기. 원하는 글자 길이 만큼 출력가능. 이미지는 출력하지 않음.2. 페이지네이션 방식을 무한 스쿠롤링 하는 방식 / 더보기 버튼을...
point.zip 파일을 다운로드 받으셔서 압축을 푸시면 create_table.php 파일이 있습니다.이 파일을 자신의 계정 상에서 루트 경로에 ftp로 업로드 한 후에 실행하세...
글 목록 글 쓰기 글 보기 --------------------------------------------------------------------------...
네이버 정책이 바뀌게 되어서 예전 버전을 사용못하는 경우가 생겨서 만들어 봤습니다. https://developers.naver.com/docs/map/javascriptv3/ap...
오래된 스킨이라 배포중지합니다. ※ 지출결의서 리스트 화면 (list) ※ 지출결의서 작성 화면 (write) ※ 지출결의서 상세 보기 (view)...
안녕하세요. ^^ 정적인손님 입니다. 밥벌이하느라 계속 눈팅만하다 네이버지도에 관심이 다시 생겨서 네이버지도 게시판스킨을 공부하기 시작하였습니다. ^^;; 항상 그렇듯 이래저래 ...
겔리리 게시판을 가로세로로 변형해서 볼수 있습니다.
댓글 69개
좋은스킨 감사합니다.
그 전에 구굴맵 공개해 주신것 잘 사용 하고 잇었는데..
혹시 네이버 맵은 그 전에 구굴 맵 처럼 gps 신호 받아 올수 없을까요..
포인트 모아서 다시 오겠습니다. ^^
포인트가 초기화 되어버렸네요. ㅠㅠ
가위바위보로 뻥튀기 해서 1000점 모았습니다.
스킨 잘 사용하겠습니다. 감사합니다.
잘 쓰겠습니다
잘 쓰겠습니다.
혹시 리스트에서는 내위치 GPS안될까요?
이것만 넣어서는 안되네요..
// search by my gps
function mypoint() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var latlng = new naver.maps.LatLng(latitude,longitude);
infoWindow.close();
naver.maps.Service.reverseGeocode({
location: latlng,
coordType: naver.maps.Service.CoordType.latlng
}, function(status, response) {
if (status === naver.maps.Service.Status.ERROR) {
return alert('좌표가 먼가 이상함!');
}
var item = response.result.items[0],
addrType = item.isRoadAddress ? '[도로명 주소]' : '[지번 주소]',
point = new naver.maps.Point(item.point.x, item.point.y);
document.getElementById(''wr_3').value = item.point.y;
document.getElementById('wr_4').value = item.point.x;
document.getElementById('wr_2').value = item.address;
infoWindow.setContent([
'<div style="padding:5px;min-width:70px;line-height:150%;">',
'<h4 style="margin-top:5px;">클릭 좌표 : '+ response.result.userquery +'</h4><br />',
addrType +' '+ item.address +'<br />',
' -> '+ point.x +','+ point.y,
'</div>'
].join('\n'));
map.setCenter(point);
infoWindow.open(map, point);
marker.setPosition(point);
});
});
//alert("OK");
} else {
alert("브라우저에서 Geolocation 을 지원하지 않네요.");
}
}
1000포 주고 받았는데..ㅠㅠ 이걸 꼭 해결하고 싶네요. 이전 구글버전은 이런 문제가 없어서 당연히 잘 될거라고 생각했었거든요.
구글지도랑 설정하는건 비슷할건데... 흠...
암튼 관심갖어주셔서 감사합니다.
구글맵은 이악군1님이 저보다 더욱더 멋지게 업그레이드 하고계시니 그것도 한번써보세요. ^^
이 댓글을 언제 보실지는 모르겠는데요. 질문 하나 드릴려구요~
님꺼 다운받아서 적용해서 잘쓰고 있습니다.
한가지 궁금한건요. 제 홈피에는 게시판에 한페이지에 표시되는게 10개의 게시글인데요.
멀티마커가 게시글 10개에 대해서 잘 찍히더라구요.
근대 문제는 게시글이 10개를 초과한 예를 들어 40개나 이렇게 되면요.
멀티마커가 첫화면에 있는 10개만 마커되고, 나머지 30개는 표시안되고 다음 페이지를 넘겨야만
표시가 되더라구요.
문의: 제가 등록한 40개의 게시글 전체를 멀티마커에 찍히게끔 하려면
list.skin.php 파일의 어느 부분을 수정해야 하나요?
올려주신 파일은 현재페이지의 게시글만 멀티마커 되잖아요.
var MARKER_SPRITE_POSITION = {
<?php for ($i=0; $i<count($list); $i++) {
$yti=($list[$i][subject]);
$ylink="<a href='{$list[$i]['href']}'>{$yti}</a>";
$ylat=($list[$i][wr_3]);
$ylng=($list[$i][wr_4]);
$caname=($list[$i][ca_name]); //분류 추가
?>
<?php if ($list[$i]['subject']){ ?>
"<?php echo $yti?>": [<?php echo $ylat?>, <?php echo $ylng?>,"<?php echo $ylink?>","<?php echo $caname?>"]
<?php }?>
<?php if ($i==count($list)-1) continue; ?>
<?php if ($list[$i]['subject']){ ?>
,
<?php } ?>
<?php } ?>
};
for (var key in MARKER_SPRITE_POSITION) {
var position = new naver.maps.LatLng(MARKER_SPRITE_POSITION[key][0], MARKER_SPRITE_POSITION[key][1]);
var marker = new naver.maps.Marker({
map: map,
position: position,
title: key,
icon: {
url:
여기를 손보면 될것 같은데 방법좀 알려주세요,
size: new naver.maps.Size(50, 50),
anchor: new naver.maps.Point(25, 25),
origin: new naver.maps.Point(0, 0)
},
zIndex: 100
});
현재 이거 적용해서 잘 사용하고 있는데요.
멀티마커 숫자가 적을때는 상관이 없는데, 저 같은 경우에는 현재 멀티마커 숫자가
1600 개 정도 되거든요. 현재 화면에 게시글이 마커되는 거잖아요.
이처럼 1600개가 넘어가는 상황이다보니, 마우스를 아래로 한참을 내려가게 되요.
멀티마커 숫자에 상관없이 페이지 길이가 아래로 쭉 안내려가게끔 하는 방법 없나요?
다음 2페이지나 3페이지에 있는 내용은 멀티마커 화면에 표시안되잖아요.
모든 게시글이 멀티마커가 되는 대신에 페이지 길이를 줄이거나, 아니면 아예 없애버리고 싶은데요. ;;
돈 지불해서라도 방법을 찾고 싶습니다..
님꺼 잘 사용해오고 있다가, 갑자기 4월 15일부터 다른건 다 잘 작동하는데요.
write.skin 글쓰기 부분만 오류가 나더라고요~
주소를 직접 입력해서 가져오는건 작동되는데, 지도를 클릭해서 주소변환 하는 부분은
"해당 레벨에서 지도가 보이지 않습니다" 라고 나와요.
변수 선언하는 몇개가 형식이 바뀐걸로 아는데, 어떤 변수를 바꿔야 할지 모르겠네용
write.skin.php 이 파일의 지도 글쓰기가 문제에용