구글맵에 이용한 주소를 멀티플 마커로 보기 정보
게시판 구글맵에 이용한 주소를 멀티플 마커로 보기첨부파일
본문
구글 맵의 샘플 예제가 너무 어렵네요.. 샘플 예제를 이용해서 간단하게 기능 구현만 해 봤습니다.
각 게시판에 입력된 주소를 (여분필드 활용) 뽑아서 멀티플 마커로 보여 주는 형태입니다.
javascript, php, css이런것 잘 모르지만, 이것 저것 찾아 보면서 구현해봤습니다.
고수님들이 좀 더 예쁘게, 멋있게 만들어 주세요..
쓰기 화면 같은데에서는 위도 경도 박스는 화면에 안나오게 하기..(주소입력하면 위도, 경도는 자동계산함)
사용법은 일반 게시판 처럼 skin/board밑에 copy하시고 쓰시면 됩니다.
여분 필드는 wr_3(주소), wr_4(위도), wr_5(경도)를 사용햇습니다.
각 게시판에 입력된 주소를 (여분필드 활용) 뽑아서 멀티플 마커로 보여 주는 형태입니다.
javascript, php, css이런것 잘 모르지만, 이것 저것 찾아 보면서 구현해봤습니다.
고수님들이 좀 더 예쁘게, 멋있게 만들어 주세요..
쓰기 화면 같은데에서는 위도 경도 박스는 화면에 안나오게 하기..(주소입력하면 위도, 경도는 자동계산함)
사용법은 일반 게시판 처럼 skin/board밑에 copy하시고 쓰시면 됩니다.
여분 필드는 wr_3(주소), wr_4(위도), wr_5(경도)를 사용햇습니다.
추천
10
10
댓글 전체
굿! 추천! ^^
문제가 좀있어보입니다. 수고하셨습니다.
문제는 많이 있는 것 같습니다. 워낙 초보라서.. 그러나 기본적인 동작은 되는 것 같아서 올렸습니다., 고수님께서 보시고 많이 수정해 주시면 감사하겠습니다.
좀 수정해서 올려보도록 하겠습니다.
쿠하하하하~ 화이팅!!!!
행님 이건 이미 구현한건데요 ^^;; 우헤헤헤~
오랜만에 구글좀 구어먹어볼까요 ㅎㅎㅎ
오늘 할일 생겼네요 ㅎㅎㅎㅎ
오랜만에 구글좀 구어먹어볼까요 ㅎㅎㅎ
오늘 할일 생겼네요 ㅎㅎㅎㅎ
감사합니다.
자~~~~~해볼까요 ~~~~~잠시 퐁덩~!!
감사합니다
감사합니다.
주소가아닌 지도상에서 번지수 및 좌표 얻어네기 성공함
더 업데이트해서 올리겠음
더 업데이트해서 올리겠음
수고하셨습니다. 역시 고수의 힘....
헌이님만 믿겠습니다. ㅋㅋㅋ
감사합니다.
주소가 한개일때 Map의 Zoom level이 너무 큰 경우에 아래와 같이 추가를 하면 됩니다. 소스에서는 레벨 12로 해 놨습니다.
center = bounds.getCenter();
============================================================
google.maps.event.addListener(map, 'zoom_changed', function() {
zoomChangeBoundsListener =
google.maps.event.addListener(map, 'bounds_changed', function(event) {
if (this.getZoom() > 12 && this.initialZoom == true) {
// Change max/min zoom here
this.setZoom(12);
this.initialZoom = false;
}
google.maps.event.removeListener(zoomChangeBoundsListener);
});
});
map.initialZoom = true;
===================================
map.fitBounds(bounds)
center = bounds.getCenter();
============================================================
google.maps.event.addListener(map, 'zoom_changed', function() {
zoomChangeBoundsListener =
google.maps.event.addListener(map, 'bounds_changed', function(event) {
if (this.getZoom() > 12 && this.initialZoom == true) {
// Change max/min zoom here
this.setZoom(12);
this.initialZoom = false;
}
google.maps.event.removeListener(zoomChangeBoundsListener);
});
});
map.initialZoom = true;
===================================
map.fitBounds(bounds)
감사합니다.
감사합니다.
우와~~ 넘 멋지네요!!
당장 스킨 적용해봐야겠네요...
감사~~~~
당장 스킨 적용해봐야겠네요...
감사~~~~
소수완성은 되었지만 외부적인 요청으로인해 작업중단하였습니다.
약속을 못지켜드린점에 죄송합니다. ㅜㅜ
약속을 못지켜드린점에 죄송합니다. ㅜㅜ
괜찮습니다. 그래도 이렇게 도움을 주실 수 있다는 것이 좋습니다. 다음에 시간이 되면 도움을 주세요
방금 해보니 잘만 되네요.ㅎㅎ 수고하셨습니다.
근데 마커를 눌렀을때 해당 게시물로 연결 할수는 없을까요?
근데 마커를 눌렀을때 해당 게시물로 연결 할수는 없을까요?
list.skin.php에서 echo("addmarker($lat, $lon,'<b>$name</b></br>$desc');\n"); 라고 되어 있는 부분에서
<b>name</b>앞뒤로 <a href='{$list[$i][ca_name_href]}>와 </a>를 감싸주면 되는데, Javascript안에 PHP Code가 들어가고 뭐 이러다 보니 잘 모르겠습니다. 고수님께서 이 부분만 맞게 문법적으로 넣어 주시면 동작될것 같습니다
<b>name</b>앞뒤로 <a href='{$list[$i][ca_name_href]}>와 </a>를 감싸주면 되는데, Javascript안에 PHP Code가 들어가고 뭐 이러다 보니 잘 모르겠습니다. 고수님께서 이 부분만 맞게 문법적으로 넣어 주시면 동작될것 같습니다
마커를 클릭하면 나온 풍선에서 이름을 클릭하면 게시물로 연결하도록 할려면
echo ("addMarker($lat, $lon, '<a href={$list[$i][href]}><b>$name</b></a></br>$desc');\n");
로 바꾸면 됩니다.
echo ("addMarker($lat, $lon, '<a href={$list[$i][href]}><b>$name</b></a></br>$desc');\n");
로 바꾸면 됩니다.
좋은 자료 감사합니다. 츄천
<wr_9, wr8>의 주소필드값을 받아서 구글지도에 표시되는 것을 view.php 하단에 구현하려고 하는데.. 이거 어케 해야 적용할 수 있어요..
어떤.php의 몇번줄 부터 몇번까지 뭐 이런식으로 알려 주시면.... 할 수 있을거 같은데...
도움좀 주세요...
하고자 하는 주소는
http://www.e-builders.co.kr/bbs/board.php?bo_table=si_gall&wr_id=16
이 스킨에 하려고 합니다.
어떤.php의 몇번줄 부터 몇번까지 뭐 이런식으로 알려 주시면.... 할 수 있을거 같은데...
도움좀 주세요...
하고자 하는 주소는
http://www.e-builders.co.kr/bbs/board.php?bo_table=si_gall&wr_id=16
이 스킨에 하려고 합니다.
좋은자료 감사드립니다.