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

그누4 스킨

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

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

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

첨부파일

gmap_utf8.zip (45.4K) 185회 다운로드 2012-01-09 13:36:00

본문

구글 맵의 샘플 예제가 너무 어렵네요.. 샘플 예제를 이용해서 간단하게 기능 구현만 해 봤습니다.
각 게시판에 입력된 주소를 (여분필드 활용) 뽑아서 멀티플 마커로 보여 주는 형태입니다.
javascript, php, css이런것 잘 모르지만, 이것 저것 찾아 보면서 구현해봤습니다.

고수님들이 좀 더 예쁘게, 멋있게 만들어 주세요..
쓰기 화면 같은데에서는 위도 경도 박스는 화면에 안나오게 하기..(주소입력하면 위도, 경도는 자동계산함)

사용법은 일반 게시판 처럼 skin/board밑에 copy하시고 쓰시면 됩니다.
여분 필드는 wr_3(주소), wr_4(위도), wr_5(경도)를 사용햇습니다.
추천
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)
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가 들어가고 뭐 이러다 보니 잘 모르겠습니다. 고수님께서 이 부분만 맞게 문법적으로 넣어 주시면 동작될것 같습니다
마커를 클릭하면 나온 풍선에서 이름을 클릭하면 게시물로 연결하도록 할려면
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
이 스킨에 하려고 합니다.
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

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