구글맵에 이용한 주소를 멀티플 마커로 보기
구글 맵의 샘플 예제가 너무 어렵네요.. 샘플 예제를 이용해서 간단하게 기능 구현만 해 봤습니다.
각 게시판에 입력된 주소를 (여분필드 활용) 뽑아서 멀티플 마커로 보여 주는 형태입니다.
javascript, php, css이런것 잘 모르지만, 이것 저것 찾아 보면서 구현해봤습니다.
고수님들이 좀 더 예쁘게, 멋있게 만들어 주세요..
쓰기 화면 같은데에서는 위도 경도 박스는 화면에 안나오게 하기..(주소입력하면 위도, 경도는 자동계산함)
사용법은 일반 게시판 처럼 skin/board밑에 copy하시고 쓰시면 됩니다.
여분 필드는 wr_3(주소), wr_4(위도), wr_5(경도)를 사용햇습니다.
각 게시판에 입력된 주소를 (여분필드 활용) 뽑아서 멀티플 마커로 보여 주는 형태입니다.
javascript, php, css이런것 잘 모르지만, 이것 저것 찾아 보면서 구현해봤습니다.
고수님들이 좀 더 예쁘게, 멋있게 만들어 주세요..
쓰기 화면 같은데에서는 위도 경도 박스는 화면에 안나오게 하기..(주소입력하면 위도, 경도는 자동계산함)
사용법은 일반 게시판 처럼 skin/board밑에 copy하시고 쓰시면 됩니다.
여분 필드는 wr_3(주소), wr_4(위도), wr_5(경도)를 사용햇습니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 27개
오랜만에 구글좀 구어먹어볼까요 ㅎㅎㅎ
오늘 할일 생겼네요 ㅎㅎㅎㅎ
더 업데이트해서 올리겠음
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)
당장 스킨 적용해봐야겠네요...
감사~~~~
약속을 못지켜드린점에 죄송합니다. ㅜㅜ
근데 마커를 눌렀을때 해당 게시물로 연결 할수는 없을까요?
<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");
로 바꾸면 됩니다.
어떤.php의 몇번줄 부터 몇번까지 뭐 이런식으로 알려 주시면.... 할 수 있을거 같은데...
도움좀 주세요...
하고자 하는 주소는
http://www.e-builders.co.kr/bbs/board.php?bo_table=si_gall&wr_id=16
이 스킨에 하려고 합니다.
여기를 참조하시면 될것 같습니다.