그누보드5용 구글지도 게시판스킨 PC용 정보
게시판 그누보드5용 구글지도 게시판스킨 PC용관련링크
첨부파일
본문
안녕하세요. ^^ 정적인손님 입니다.
요즘들어 일에 파뭇혀 있어 그누보드에서 놀지도 못하고 ㅇ ㅔㅎ ㅕ~
아무튼 그누보드5에서도 구글지도 게시판이 있으면 좋겠다 생각하여
요래조래 짜집어서 만들어 보았네요.
일단 PC용으로 하고 모바일용도 다음에 만들어볼까 생각만 하고있네요. ^^;;
------------------------------------------------------------
게시판스킨명 : 그누보드5용 구글지도 게시판스킨 PC용
만든이 : 정적인손님(사랑이아빠)
------------------------------------------------------------
아시는분 아시겠지만 저는 초보이기때문에 보시고 문제점이나 수정할 점
엄청나게 많이 있담니다. 초보인 저에게 많은 지도편달 부탁드립니다.
혹시라도 필요하신 분이 있을거란 자그마한 희망에 스킨을 올리게 되었네요.
많이 사랑해주세용~ ^^
------------------------------------------------------------
<설치방법>
/skin/board/ 에 압축을 풀어 넣어주어요. (예: /skin/board/ychmap)
그리고 게시판 생성할때 스킨을 요걸로 지정해 주시면 된담니다. 참 쉽죠?
리스트에 뿌려지는 멀티마커의 수는 "페이지당 목록수" 와 같아요.
------------------------------------------------------------
<추신>
정적인손님의 스킨은 수정 및 배포를 권장하며
조언 및 의견 또한 권장합니다.
요즘들어 일에 파뭇혀 있어 그누보드에서 놀지도 못하고 ㅇ ㅔㅎ ㅕ~
아무튼 그누보드5에서도 구글지도 게시판이 있으면 좋겠다 생각하여
요래조래 짜집어서 만들어 보았네요.
일단 PC용으로 하고 모바일용도 다음에 만들어볼까 생각만 하고있네요. ^^;;
------------------------------------------------------------
게시판스킨명 : 그누보드5용 구글지도 게시판스킨 PC용
만든이 : 정적인손님(사랑이아빠)
------------------------------------------------------------
아시는분 아시겠지만 저는 초보이기때문에 보시고 문제점이나 수정할 점
엄청나게 많이 있담니다. 초보인 저에게 많은 지도편달 부탁드립니다.
혹시라도 필요하신 분이 있을거란 자그마한 희망에 스킨을 올리게 되었네요.
많이 사랑해주세용~ ^^
------------------------------------------------------------
<설치방법>
/skin/board/ 에 압축을 풀어 넣어주어요. (예: /skin/board/ychmap)
그리고 게시판 생성할때 스킨을 요걸로 지정해 주시면 된담니다. 참 쉽죠?
리스트에 뿌려지는 멀티마커의 수는 "페이지당 목록수" 와 같아요.
------------------------------------------------------------
<추신>
정적인손님의 스킨은 수정 및 배포를 권장하며
조언 및 의견 또한 권장합니다.
추천
11
11
댓글 전체
멀티 마커인가요 ㅎ
네 ^^ 멀티마커 이어용~
멋진스킨 감사합니다..
빨리 정적인손님 처럼 능력자가 되고 싶네요...
빨리 정적인손님 처럼 능력자가 되고 싶네요...
전... 초보라... 칭찬감사합니다~~~
멀티마커에 관심이 많습니다.
관심을 충족해 주셔서 감사드립니다.
관심을 충족해 주셔서 감사드립니다.
네 관심갖어주셔서 감사합니다~~
아래와 같이 수정을 하면, 브라우저에서 현위치 중심으로 보여 줍니다. 셀폰에서도 현위치 파악할수 있습니다.
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);
}
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);
}
와 ^^ 가르침 감사합니다~~~ 집에서 한번 해볼게요 ^^
그누4때 만들어 보고, 오랜만에 멀티 마커 보니 반갑네요.. 휴대폰에서 지원되는 것을 한번 만들어 보고 싶었는데, 휴대폰에 적용해 보니 잘 되어서, 현재 위치만 가져오게 바꿨습니다.
좋은 정보 고맙습니다~
정적인손님과 jakekwak 감사합니다..
응원드립니다~
예 감사합니다.
^^ 응원 감사합니당 응원은 모두에게 힘이되는 글~
바로 모바일용 스킨 만들어서 업데이트 했습니다.
질문 2개만 드려도 될까요?
1. 마커의 아이콘을 바꿀 방법은 없을까요?
2. 67라인을 $name1=($list[$i][name]);
이렇게 바꾸면 안되나요? 제목부분을 글쓴이가 나오도록 하고싶거든요 사이드뷰를 이용할수 있도록.. 방법이 있을까요?
질문 2개만 드려도 될까요?
1. 마커의 아이콘을 바꿀 방법은 없을까요?
2. 67라인을 $name1=($list[$i][name]);
이렇게 바꾸면 안되나요? 제목부분을 글쓴이가 나오도록 하고싶거든요 사이드뷰를 이용할수 있도록.. 방법이 있을까요?
1. 마커를 아이콘 화 하면 되겠죠?
구글API 예제를 참조하시면 될듯 하네요.
https://developers.google.com/maps/documentation/javascript/examples/icon-simple?hl=ko
2. 그렇게 넣으면 글쓴이 이름이 나오겠네요. 글쓴이가 추가로 나오게 하려면
$name2=($list[$i][name]); 이렇게 추가해서
풍선창 안에 넣어주시면 되지 않을까 싶네요.
마커 클릭시 풍선창에 노출되는 부분은 손쉽게 테이블로 구성되어서 짜집기 편할꺼란 개인적인 생각을
해 봅니다. ^^
답변이 별로 도움않되었다면 이해해주세용 전 초보랍니다 ^^
구글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>이렇게 변경을 해도..
이부분은 사이드뷰가 문제인지?? 아니면 다른부분이 문제인지.. 저도 어제 이렇게 작업을 해봤는데..
이렇게 하면 지도가 보이지 않더라구요.. ㅠ.ㅠ
실력이 미천하여... 밥상을 차려줘도 먹지 못하고 있습니다.. ㅠ.ㅠ
2. $name2=($list[$i][name]); 이렇게 추가하고
32라인 <h3>$name2</h3>이렇게 변경을 해도..
이부분은 사이드뷰가 문제인지?? 아니면 다른부분이 문제인지.. 저도 어제 이렇게 작업을 해봤는데..
이렇게 하면 지도가 보이지 않더라구요.. ㅠ.ㅠ
음.. 그렇군요. 집에서 함 해보아야겠네요.
되면 답변달아놀게용~~~
되면 답변달아놀게용~~~
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=117807 를 참조하세요. 여러가지 아이콘 사용가능
답변감사합니다.. 이부분도 참고 해서 고쳐 볼께요..
잘 할수 있으려나.. ㅠ.ㅠ
실력이 너무 없어서..
잘 할수 있으려나.. ㅠ.ㅠ
실력이 너무 없어서..
오! 굿입니다. ^^
앗! 헌이님이닷! ^^ 감사합니다.
지금 딱 필요하던 그것입니다!!
짱짱 감사합니다.
짱짱 감사합니다.
도움이 되어 참 기쁘네요 ^^;;
설치했는데요....explorer에서 지도는 나오는데...'locations[...].1은(는) null 이거나 개체가 아닙니다'
board.php 줄:624 문자:9 에러가 나오고요...크롬에서는 목록에서 처럼 지도가 상세로 나오지 않고 세계지도로나와요
왜 그런거죠?? 좀 도와주세요
board.php 줄:624 문자:9 에러가 나오고요...크롬에서는 목록에서 처럼 지도가 상세로 나오지 않고 세계지도로나와요
왜 그런거죠?? 좀 도와주세요
음... 익스플로러에서 전 잘 되던데 이상하네요. 지도가 세계지도로 보이게 한것은 그냥 지정한것이라... 목록에 있는것만 출여서 확대설정을 안걸어노아서 그렇담니다. ^^ 저같은경우 초기 화면 좌표와 확대크기를 그냥 고정해서 사용하고 있담니다. 그닥 리스트별로 뿌려주는것이 저에겐 의미가 없는지라...
많은 게시판을 찾아보고 있는데 그중 어마무시한 게시판이네요 감사합니다.