[추가]구글맵에 이용한 주소를 멀티플 마커로 보기 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

[추가]구글맵에 이용한 주소를 멀티플 마커로 보기 정보

게시판 [추가]구글맵에 이용한 주소를 멀티플 마커로 보기

첨부파일

gmap_utf8.zip (46.7K) 486회 다운로드 2012-01-15 10:33:45
mapicon.zip (10.5K) 107회 다운로드 2012-01-15 12:57:46

본문

이전에 올린 스킨에
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=117083&page=3

조금 기능을 추가 했습니다.

1. 검색시에도 마커 표시
2. 분류별로 마커 색상 표시
        관리 메뉴에서 게시판의 분류에 한식|일식|중식 이라고 넣은 경우에 list.skin.php에 아래와 같이 들어가 있습니다. (다른 이름으로 변경시 수정 필요)
switch ($list[$i][ca_name]) {
case "한식":
$icon = "blue_icon";
break;
case "일식":
$icon = "red_icon";
break;
case "중식":
$icon = "green_icon";
break;
default:
$icon ="yellow_icon";
}
3. View화면에 지도 표시
    대은그룹님의 스킨 http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=103259&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EA%B5%AC%EA%B8%80&sop=and&page=3
을 참조로 해서 추가 했습니다.

디자인은 잘 몰라서 별로고, 코드도 잘 몰라서,  이것 저것 가져다 동작되게 했습니다.

앞으로 해야 될일
1. 2번 색상별을 관리자 모드에서 분류만 넣으면 자동으로 색상이 구별되게 하는것..
2. 에러 처리.  수정을 하면, 주소에서 onblur로 가져오는 위도 경도가 없어져 버림. 위도,경도가 없으면 자바 스크립트에서 에러가 나서, 화면에 표시가 안됨.

고수님들이 코드도 정리해주시고, 화면도 예쁘게 해주시면 감사하겠습니다.

그리고 추천 버튼 많이 눌러주세요
추천
13

댓글 전체

http://sir.co.kr/bbs/board.php?bo_table=ds_sian&wr_id=1453 올려주신 맵 아이콘을 올려 놨습니다.

// "http://maps.google.com/mapfiles/ms/micons/blue.png",
"<?=$board_skin_path?>/img/newblue.png",
로 바꾸시면 됩니다.
휴온 빌더
http://sir.co.kr/bbs/board.php?bo_table=g4_builder&wr_id=6932&page=2
에 적용을 시키니 동작을 안하네요.. 
위도 경도를 가져오기 위해서 쓴 getElementByid("wr_3").value 에서 다음과 같은 에러가 나는데, 어디서 충돌이 나는지 알수가 없네요.
Uncaught TypeError: Cannot read property 'value' of null
일반 그누보드에서는 잘 동작합니다.
댓글+추천 합니다.
지도 세팅 전 어렵던데...
입력페이지에서 주소 필드를 이용하여 주소를 받은다음...
뷰 페이지에 구글지도에 입련된 주소를 지도에 표시하게 하려면 뭐를 알아야 하나요...
님이 올려주신 스킨에 뷰.페이지에 있는 구글 지도 부분만 따서 해 보는데 안 되네요..
구글 키 받았구... 주소필드를 뷰페이지에 코드 수정해서 하는데 왜 저는 안되는지... ㅠ.ㅜ
우선 Write페이지에서 위도 경도를 구해서 저장해야 됩니다.(주소로 직접 멀티플 마커는 어려워서..)
그리고 View페이지에서는 위쪽에 자리 잡고 있는 구글 자바 스크립트와
마지막 부분에 있는 자바 스크립트 그리고 중간에 있는 div감싸고 있는 map_canvas입니다.
아마도 화면에 자리만 잡고 지도가 안나오면, 페이지가 로드 되면서 initialzie가 안 불려져서 그렇습니다. (write페이지와 view페이지에서 이 initialize를 부르는 방법이 다릅니다. 참조). 그러면 위도 경도만 제대로 들어가 있으면 지도는 나옵니다. 위도 경도가 없으면 자바 스크립트 에러가 나면서 화면이 안나옵니다. (구글 크롬의 F12로 에러가 있는지 없는지 체크 하면서 디버깅했습니다.)
이거 사업용으로 사용할려면 구글에 돈 지불해야하는거 아닌가요???

구글에서 유료로 바뀌어다는 말을 들은거 같은데요
http://blog.acronym.co.kr/174  여기에 정리가 되어 있네요..
-유료고객만 사이트를 사용할 수 있는 경우
-회사나 인트라넷 안에서만 사이트에 엑세스할 수 있는 경우
이런 경우에는 Google Api For Business를 사용해야 되는것 같습니다.
오류 보다는 크롬에서 지원하지 않는것 같습니다. . 좌표값을 얻어내지 못함 스크립오류
좀보강 하셔야할듯 합니다.
수고하셨습니다 꾸벅

오류는 잡지 못하고 원본에 추가해서 올려봅니다.
이미지 출력
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=117865&page=1
좀더 손을 보려했으나 그냥간단하게...
불당썸을 추가해서 마커 클릭하면 첨부된 사진도 썸네일로 나오게 처리 해봤습니다.
추가해야 될 소스 코드는
if (preg_match("/\.(jpg|gif|png)$/i", $file) && file_exists($file)) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
      } else {
$file = $board_skin_path.'/img/no_img.jpg';
}
$thumb = thumbnail($file, 76, 76, 0, 1); // 0 그대로 2 확대
$thumbfile = "<img align=\"left\" src=".$thumb." alt=".$list[$i][subject]."/>";


echo ("addMarker($lat, $lon, '$thumbfile<a href={$g4[path]}/bbs/board.php?bo_table={$bo_table}&wr_id={$list[$i][wr_id]}&view_mode=bbs><b>$name</b></a></br>$desc</br>Tel : $tel</br>Cell : $cell',$icon);\n");
}
입니다. 에러 처리 부분은 여전히 문제점입니다.
오 굿! 이미지를 최적화하셨군요
수고하셨습니다.
오류를 잡는방법은 주소를 콜백받아 좌표를 추출 하는 부분이 문제 입니다.
거꾸로 하셔야할듯합니다.
예 그 부분인데, 제 실력으로는 잘 안돼네요.. 그래서 그 부분은 고수분들이 좀 고쳐 주셨으면 해서,  그냥 올렸습니다. 하여간 계속 열공....
IE8 에서 스크입 오류는 잡았습니다.
아래와 같습니다.
<body onload=initialize()"> 이부분을
------------------------------------------
이렇게 수정하셔야 할듯합니다 스크립 오류
<body onload="initialize();">
------------------------------------------
크롬에서 작동 불가 입니다.
전에 경도 위도 따로 넣는부분은 없어도 되는것 같네요..전에 대은님 구글 지도 소스에 주소란에
서울시 송파동 처럼 주소 안적어도..경도와 위도를
51.282798,-2.765477 라고 그냥 입력하면 출력할때 알아서 해주더군요.
물론 view.skin.php 나 list.skin.php 에서 값만 받아오면 출력소스는 대은님것 안써도 되구요.
구글 실제검색해보면 큰 건물 제외하고 작은곳은 몇발자국 크게는 1블럭 차이가 나는게 많습니다.
따라서 여행사이트나 지하철 몇번 출구 어디어디 정확하게 꼭 찝어서 방문자에게 보여주려면
경도와 위도로 입력하는게 훨씬더 더 정확하더라구요.

암튼 너무 수고하셨습니다.
왼쪽구글 줌을 확대해놓은 상태에서 하얀 팝업창 을 닫으면 화면이 중간으로 순간적으로 위치이동됩니다.사용자 입장에서 엄청 불편한데요.
아래부분을 삭제하니깐 중간으로 이동안하고 그자리에 있네요.
아래 삭제해도 다른 기능은 이상없는듯합니다.
-----------------------------------------------------
google.maps.event.addListener(popup, "closeclick", function() {
map.panTo(center);
currentPopup = null;
});
----------------------------------------------------------------------
category.php 상단 가로형 카테고리 집어넣을실때.. 밑에 자바 스트립트에러 나실겁니다.list.skin1.php 에서
주석처리 하시면 에러 안납니다. 한글 카테고리하고 관련있는 있는듯.
<script language="JavaScript">
//if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
-----------------------------------------------------------------------------------------
기능은 100% 아무에러없이 작동합니다
윈도우 xp 에서는  우리나라 지도를 보면 한글지원이 100% 완벽히 구현이되는데..
왜 윈도우 7 에서는 한국어가 아닌 영어로 표시되는 부분이 많습니다
확대를 아예하거나.. 아닐때는 영어로만 표시되는데 이부분에대해서
 어떻게 바꺼야할지 모르겠습니다..

소스에서 고치면되는문제인지;; 아시는분계신가요??
jakekwak 님 좋은 자료 내부용으로 너무감사하게 사용하고 있습니다
조금 사용해보니까 주소를 여러개 입력해 사용해보니까
목표지점이 지도에서 작게 보았을때 목표지점과
지도를 확대해서 목표지점들이 자꾸 내려오면서 틀려져요
가장크게 확대했을때는 원하는 주소 위치에 맞게 표시되지만요
(대략 지도상으로 행정구역구분 되어있는 한블럭정도 차이가 나는것 같습니다)

저만그런건가요??? ㅜ.ㅡ
그래서 정확한 위치는 가장크게 지도를 확대해야 정확맞지만...  그래도 지도에서 내가 원하는 지점을 볼수 있다는것에 만족하지만 이부분이 쬠 아쉬웁네요
고수님들 이문제 어떻게 잡을수 있을까요???

날씨가 많이 춥습니다... 감기조심하셔요^^*
정확한 마크위치가 지도 크기에따라 이동되면서 변경되더라구요 (지도상으로 한 블럭만큼)
그래서 가장 확대해서 볼때에만 정확한 목표점이 맞게 되더라구요....
그리고 에러가 해결이 안되어서 그런지 게시판에 글을 적으면 지도가 틈틈이 자주 뜨지않아 여러번 수정을 누르고 수정을 누르고 하면서 겨우 겨우 멀티플 마크해서 사용하고 있습니다)

혹시 고수님들 이 부분 가능할 수 있을까요??

새내기가 고수님들께 너무 궁금해서 여쭤봅니다??

감사합니다.

새로운 한해가 시작되었네요....  다들  올 한해 좋은일 많고, 대박나십시요!!!
그리고 무엇보다는 건강 잘~~~ 챙기시구요!!!!  *^___^*;

플리즈......ㅜ.ㅜ  고수님들 답변 꼭!!! 좀 달아주세요......ㅜ.ㅠ
미국 주소를 사용했을 때에는 별 이상이 없는 것 같은데,  어느주소가 그런지요. 한국주소 아는 곳 두곳 정도를 테스트 해 봤는데 별문제 없어 보입니다.  틀리는 주소를  보내주시면 한번 테스트 해 보겠습니다.(틀리는 곳이 디폴트 맵에서 틀리고 확대했을때에는 맞는다는 것이죠)
와~ 마침 모바일앱개발에 그누보드를 이용해야 할 것 같은데... 적용해보겠습니다.
모바일관련 구글맵API는 아래 주소를 참고하세요.
https://developers.google.com/maps/mobile-apps?hl=ko
스킨 적용하면
다른건 다 보이는데
list.skin.php 페이지가 흰색으로 영역만 잡히고
지도가 안보이네요 ;;;
view , list1,write 모두 정상으로 보입니다.
이유가 뭔지 좀 알려주세요...;
좋은소스 감사합니다 마커클릭 했을때 첩부파일 이미지가보이지 않습니다 소스에도 없는것같습니다  확인해 주시면 감사하겠습니다.
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT