[추가]구글맵에 이용한 주소를 멀티플 마커로 보기
이전에 올린 스킨에
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로 가져오는 위도 경도가 없어져 버림. 위도,경도가 없으면 자바 스크립트에서 에러가 나서, 화면에 표시가 안됨.
고수님들이 코드도 정리해주시고, 화면도 예쁘게 해주시면 감사하겠습니다.
그리고 추천 버튼 많이 눌러주세요
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로 가져오는 위도 경도가 없어져 버림. 위도,경도가 없으면 자바 스크립트에서 에러가 나서, 화면에 표시가 안됨.
고수님들이 코드도 정리해주시고, 화면도 예쁘게 해주시면 감사하겠습니다.
그리고 추천 버튼 많이 눌러주세요
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 44개
// "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
일반 그누보드에서는 잘 동작합니다.
지도 세팅 전 어렵던데...
입력페이지에서 주소 필드를 이용하여 주소를 받은다음...
뷰 페이지에 구글지도에 입련된 주소를 지도에 표시하게 하려면 뭐를 알아야 하나요...
님이 올려주신 스킨에 뷰.페이지에 있는 구글 지도 부분만 따서 해 보는데 안 되네요..
구글 키 받았구... 주소필드를 뷰페이지에 코드 수정해서 하는데 왜 저는 안되는지... ㅠ.ㅜ
그리고 View페이지에서는 위쪽에 자리 잡고 있는 구글 자바 스크립트와
마지막 부분에 있는 자바 스크립트 그리고 중간에 있는 div감싸고 있는 map_canvas입니다.
아마도 화면에 자리만 잡고 지도가 안나오면, 페이지가 로드 되면서 initialzie가 안 불려져서 그렇습니다. (write페이지와 view페이지에서 이 initialize를 부르는 방법이 다릅니다. 참조). 그러면 위도 경도만 제대로 들어가 있으면 지도는 나옵니다. 위도 경도가 없으면 자바 스크립트 에러가 나면서 화면이 안나옵니다. (구글 크롬의 F12로 에러가 있는지 없는지 체크 하면서 디버깅했습니다.)
구글에서 유료로 바뀌어다는 말을 들은거 같은데요
-유료고객만 사이트를 사용할 수 있는 경우
-회사나 인트라넷 안에서만 사이트에 엑세스할 수 있는 경우
이런 경우에는 Google Api For Business를 사용해야 되는것 같습니다.
구글지도 이용시 약관읽어보시길 바랍니다.
jakekwak님 수고하셨습니다.
좀보강 하셔야할듯 합니다.
수고하셨습니다 꾸벅
오류는 잡지 못하고 원본에 추가해서 올려봅니다.
이미지 출력
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");
}
입니다. 에러 처리 부분은 여전히 문제점입니다.
수고하셨습니다.
오류를 잡는방법은 주소를 콜백받아 좌표를 추출 하는 부분이 문제 입니다.
거꾸로 하셔야할듯합니다.
아래와 같습니다.
<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;
});
----------------------------------------------------------------------
해결되었습니다...^^
감사합니다
주석처리 하시면 에러 안납니다. 한글 카테고리하고 관련있는 있는듯.
<script language="JavaScript">
//if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
-----------------------------------------------------------------------------------------
기능은 100% 아무에러없이 작동합니다
왜 윈도우 7 에서는 한국어가 아닌 영어로 표시되는 부분이 많습니다
확대를 아예하거나.. 아닐때는 영어로만 표시되는데 이부분에대해서
어떻게 바꺼야할지 모르겠습니다..
소스에서 고치면되는문제인지;; 아시는분계신가요??
조금 사용해보니까 주소를 여러개 입력해 사용해보니까
목표지점이 지도에서 작게 보았을때 목표지점과
지도를 확대해서 목표지점들이 자꾸 내려오면서 틀려져요
가장크게 확대했을때는 원하는 주소 위치에 맞게 표시되지만요
(대략 지도상으로 행정구역구분 되어있는 한블럭정도 차이가 나는것 같습니다)
저만그런건가요??? ㅜ.ㅡ
그래서 정확한 위치는 가장크게 지도를 확대해야 정확맞지만... 그래도 지도에서 내가 원하는 지점을 볼수 있다는것에 만족하지만 이부분이 쬠 아쉬웁네요
고수님들 이문제 어떻게 잡을수 있을까요???
날씨가 많이 춥습니다... 감기조심하셔요^^*
그래서 가장 확대해서 볼때에만 정확한 목표점이 맞게 되더라구요....
그리고 에러가 해결이 안되어서 그런지 게시판에 글을 적으면 지도가 틈틈이 자주 뜨지않아 여러번 수정을 누르고 수정을 누르고 하면서 겨우 겨우 멀티플 마크해서 사용하고 있습니다)
혹시 고수님들 이 부분 가능할 수 있을까요??
새내기가 고수님들께 너무 궁금해서 여쭤봅니다??
감사합니다.
새로운 한해가 시작되었네요.... 다들 올 한해 좋은일 많고, 대박나십시요!!!
그리고 무엇보다는 건강 잘~~~ 챙기시구요!!!! *^___^*;
플리즈......ㅜ.ㅜ 고수님들 답변 꼭!!! 좀 달아주세요......ㅜ.ㅠ
모바일관련 구글맵API는 아래 주소를 참고하세요.
https://developers.google.com/maps/mobile-apps?hl=ko
다른건 다 보이는데
list.skin.php 페이지가 흰색으로 영역만 잡히고
지도가 안보이네요 ;;;
view , list1，write 모두 정상으로 보입니다.
이유가 뭔지 좀 알려주세요...;