그누보드5용 구글지도 게시판스킨 PC용

· 2014-09-01 (월) 22:49:49 · 12624 · 27
ychmap.jpg
안녕하세요. ^^ 정적인손님 입니다.

요즘들어 일에 파뭇혀 있어 그누보드에서 놀지도 못하고 ㅇ ㅔㅎ ㅕ~

아무튼 그누보드5에서도 구글지도 게시판이 있으면 좋겠다 생각하여

요래조래 짜집어서 만들어 보았네요.

일단 PC용으로 하고 모바일용도 다음에 만들어볼까 생각만 하고있네요. ^^;;

------------------------------------------------------------
게시판스킨명 : 그누보드5용 구글지도 게시판스킨 PC용

만든이 : 정적인손님(사랑이아빠)
------------------------------------------------------------

아시는분 아시겠지만 저는 초보이기때문에 보시고 문제점이나 수정할 점

엄청나게 많이 있담니다. 초보인 저에게 많은 지도편달 부탁드립니다.

혹시라도 필요하신 분이 있을거란 자그마한 희망에 스킨을 올리게 되었네요.

많이 사랑해주세용~ ^^

------------------------------------------------------------
<설치방법>

/skin/board/ 에 압축을 풀어 넣어주어요. (예: /skin/board/ychmap)

그리고 게시판 생성할때 스킨을 요걸로 지정해 주시면 된담니다. 참 쉽죠?

리스트에 뿌려지는 멀티마커의 수는 "페이지당 목록수" 와 같아요.

------------------------------------------------------------
<추신>

정적인손님의 스킨은 수정 및 배포를 권장하며

조언 및 의견 또한 권장합니다.

첨부파일

ychmap.jpg (456.9 KB)
0회 2014-09-01 22:49
ychmap.zip (20.4 KB) 341회 2014-09-01 22:49
|

댓글 27개

멀티 마커인가요 ㅎ
2014-09-02 (화) 11:15:30
네 ^^ 멀티마커 이어용~
멋진스킨 감사합니다..
빨리 정적인손님 처럼 능력자가 되고 싶네요...
2014-09-02 (화) 11:15:55
전... 초보라... 칭찬감사합니다~~~
멀티마커에 관심이 많습니다.
관심을 충족해 주셔서 감사드립니다.
2014-09-02 (화) 11:16:14
네 관심갖어주셔서 감사합니다~~
아래와 같이 수정을 하면, 브라우저에서 현위치 중심으로 보여 줍니다. 셀폰에서도 현위치 파악할수 있습니다.
zoom level은 13으로 변경했습니다.


function mgminfomap() {
var map = new google.maps.Map(document.getElementById('mgmap'), {
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});

// Try W3C Geolocation (Preferred)
if(navigator.geolocation) {
browserSupportFlag = true;
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeolocation(browserSupportFlag);
});
}
// Browser doesn't support Geolocation
else {
browserSupportFlag = false;
handleNoGeolocation(browserSupportFlag);
}

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', mgminfomap);

function handleNoGeolocation(errorFlag) {
if (errorFlag == true) {
alert("Geolocation service failed.");
initialLocation = newyork;
} else {
alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
initialLocation = siberia;
}
map.setCenter(initialLocation);
}
2014-09-02 (화) 11:17:17
와 ^^ 가르침 감사합니다~~~ 집에서 한번 해볼게요 ^^
그누4때 만들어 보고, 오랜만에 멀티 마커 보니 반갑네요.. 휴대폰에서 지원되는 것을 한번 만들어 보고 싶었는데, 휴대폰에 적용해 보니 잘 되어서, 현재 위치만 가져오게 바꿨습니다.
좋은 정보 고맙습니다~
정적인손님과 jakekwak 감사합니다..
응원드립니다~
예 감사합니다.
2014-09-03 (수) 01:23:54
^^ 응원 감사합니당 응원은 모두에게 힘이되는 글~
바로 모바일용 스킨 만들어서 업데이트 했습니다.
질문 2개만 드려도 될까요?
1. 마커의 아이콘을 바꿀 방법은 없을까요?
2. 67라인을 $name1=($list[$i][name]);
이렇게 바꾸면 안되나요? 제목부분을 글쓴이가 나오도록 하고싶거든요 사이드뷰를 이용할수 있도록.. 방법이 있을까요?
2014-09-03 (수) 01:35:53
1. 마커를 아이콘 화 하면 되겠죠?
구글API 예제를 참조하시면 될듯 하네요.
https://developers.google.com/maps/documentation/javascript/examples/icon-simple?hl=ko

2. 그렇게 넣으면 글쓴이 이름이 나오겠네요. 글쓴이가 추가로 나오게 하려면
$name2=($list[$i][name]); 이렇게 추가해서
풍선창 안에 넣어주시면 되지 않을까 싶네요.
마커 클릭시 풍선창에 노출되는 부분은 손쉽게 테이블로 구성되어서 짜집기 편할꺼란 개인적인 생각을
해 봅니다. ^^

답변이 별로 도움않되었다면 이해해주세용 전 초보랍니다 ^^
1. 이것저것 만져와야 알거 같아요..
실력이 미천하여... 밥상을 차려줘도 먹지 못하고 있습니다.. ㅠ.ㅠ

2. $name2=($list[$i][name]); 이렇게 추가하고
32라인 <h3>$name2</h3>이렇게 변경을 해도..
이부분은 사이드뷰가 문제인지?? 아니면 다른부분이 문제인지.. 저도 어제 이렇게 작업을 해봤는데..
이렇게 하면 지도가 보이지 않더라구요.. ㅠ.ㅠ
2014-09-03 (수) 11:00:02
음.. 그렇군요. 집에서 함 해보아야겠네요.
되면 답변달아놀게용~~~
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=117807 를 참조하세요. 여러가지 아이콘 사용가능
답변감사합니다.. 이부분도 참고 해서 고쳐 볼께요..
잘 할수 있으려나.. ㅠ.ㅠ
실력이 너무 없어서..
오! 굿입니다. ^^
2014-09-05 (금) 15:07:45
앗! 헌이님이닷! ^^ 감사합니다.
지금 딱 필요하던 그것입니다!!
짱짱 감사합니다.
2014-10-08 (수) 14:06:00
도움이 되어 참 기쁘네요 ^^;;
2014-10-31 (금) 16:47:49
설치했는데요....explorer에서 지도는 나오는데...'locations[...].1은(는) null 이거나 개체가 아닙니다'
board.php 줄:624 문자:9 에러가 나오고요...크롬에서는 목록에서 처럼 지도가 상세로 나오지 않고 세계지도로나와요
왜 그런거죠?? 좀 도와주세요
2014-11-04 (화) 14:57:45
음... 익스플로러에서 전 잘 되던데 이상하네요. 지도가 세계지도로 보이게 한것은 그냥 지정한것이라... 목록에 있는것만 출여서 확대설정을 안걸어노아서 그렇담니다. ^^ 저같은경우 초기 화면 좌표와 확대크기를 그냥 고정해서 사용하고 있담니다. 그닥 리스트별로 뿌려주는것이 저에겐 의미가 없는지라...
많은 게시판을 찾아보고 있는데 그중 어마무시한 게시판이네요 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,751건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+