게시판
글 목록 글 쓰기 글 보기 --------------------------------------------------------------------------...
그누보드5 용 네이버지도 v3보고 따라한 네이버맵 멀티마커 게시판 스킨 v1.0.0 PC 모바일 버전
안녕하세요. ^^ 정적인손님 입니다.
밥벌이하느라 계속 눈팅만하다 네이버지도에 관심이 다시 생겨서 네이버지도 게시판스킨을
공부하기 시작하였습니다. ^^;; 항상 그렇듯 이래저래 짜집어놓아서 실사용은 어렵다 생각되지만
앞으로 좋아질 스킨이 될거라는 꿈을 살짝 꿔 봅니다.
게시판스킨명
- 그누보드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. 본 스킨에는 치명적인 오류가 있을 수 있사오니 노약자 임산부 유아는 멀리해주시기 바랍니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
게시판
네이버 정책이 바뀌게 되어서 예전 버전을 사용못하는 경우가 생겨서 만들어 봤습니다. https://developers.naver.com/docs/map/javascriptv3/ap...
게시판
오래된 스킨이라 배포중지합니다. ※ 지출결의서 리스트 화면 (list) ※ 지출결의서 작성 화면 (write) ※ 지출결의서 상세 보기 (view)...
게시판
안녕하세요. ^^ 정적인손님 입니다. 밥벌이하느라 계속 눈팅만하다 네이버지도에 관심이 다시 생겨서 네이버지도 게시판스킨을 공부하기 시작하였습니다. ^^;; 항상 그렇듯 이래저래 ...
갤러리
줌인 겔러리 게시판 내부에서 수정이 쉽습니다..
게시판
겔리리 게시판을 가로세로로 변형해서 볼수 있습니다.
게시판
메인쪽에 빠른상담신청 게시판입니다. 스킨파일 올리시고 customer1.php는 루트폴더에 올리시고32번쨰줄에 게시판이름변경하시면됩니다.
회원가입
혹시 필요하신분 코드수정 시간절약 하시라고 올립니다. 회원가입에 계좌번호필드추가 관리자모드 신규가입회원에 계좌번호필드추가 관리자모드>회원정보수정에 계좌번호필드추가 ▼일단 ...
게시판
기본적으로 적용했으니 여러방법으로 응용이 가능할껏같습니다.. 기본이미지를 3장올리도록 되어 있으나..이미지가 있으면 출력하는 방법도 응용하시면 되겠지요^^ ...
댓글 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 이 파일의 지도 글쓰기가 문제에용