멤버십 자료실 2 페이지 | 그누보드 리빌더

멤버십 자료실

멤버십 자료실 포인트 정책
전체 23건 / 2 페이지

인기

2024.10.02　 기타　

구인구직 지도 마커 이동 지도 입력 2

<divclass="rb_inp_wrapnew_bbs_border_wrapsection"id="section_3"style="display:none;"><ul><h6class="bbs_sub_titlesfont-B">근무지역</h6><labelclass="helps">근무지역을입력하세요.지도로출력됩니다.</label><li><inputtype="text"name="wr_3_ex[0]"value="<?phpechoisset($wr_3[0])?$wr_3[0]:'';?>"id="wr_3_0"class="inputw60map_inp"placeholder="주소"readonly><inputtype="text"name="wr_3_ex[1]"value="<?phpechoisset($wr_3[1])?$wr_3[1]:'';?>"id="wr_3_1"class="inputw30mobile_mt5"placeholder="나머지주소"></li><liclass="mt-10"><inputtype="text"name="wr_9"value="<?phpechoisset($write['wr_9'])?$write['wr_9']:'';?>"id="wr_9"class="inputw20"placeholder="광역시/도"><inputtype="text"name="wr_10"value="<?phpechoisset($write['wr_10'])?$write['wr_10']:'';?>"id="wr_10"class="inputw20mobile_mt5"placeholder="시/군/구"><inputtype="hidden"name="wr_3_ex[2]"value="-"id="wr_3_2"><inputtype="hidden"name="wr_3_ex[3]"value="-"id="wr_3_3"><inputtype="hidden"name="wr_3_ex[4]"value="<?phpechoisset($wr_3[4])?$wr_3[4]:'';?>"id="wr_3_4"><inputtype="hidden"name="wr_3_ex[5]"value="<?phpechoisset($wr_3[5])?$wr_3[5]:'';?>"id="wr_3_5"></li><liclass="mt-10"><scripttype="text/javascript"src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<?phpecho$config['cf_kakao_js_apikey']?>&libraries=services"></script><divstyle="background-color:#f9f9f9;width:100%;height:200px;border-radius:10px;"id="map"></div><script>varmapContainer=document.getElementById('map'),mapOption={center:newkakao.maps.LatLng(<?phpecho$wr_3[4]?>,<?phpecho$wr_3[5]?>),level:3};varmap=newkakao.maps.Map(mapContainer,mapOption);vargeocoder=newkakao.maps.services.Geocoder();varmarker=newkakao.maps.Marker({map:map,position:map.getCenter(),draggable:true});//마커드래그이벤트처리kakao.maps.event.addListener(marker,'dragend',function(){varposition=marker.getPosition();updateLocationInfo(position);});//마커클릭이벤트처리kakao.maps.event.addListener(marker,'click',function(){varposition=marker.getPosition();updateLocationInfo(position);});//지도클릭이벤트처리kakao.maps.event.addListener(map,'click',function(mouseEvent){varlatlng=mouseEvent.latLng;marker.setPosition(latlng);updateLocationInfo(latlng);});//위치정보를업데이트하는함수functionupdateLocationInfo(latlng){geocoder.coord2Address(latlng.getLng(),latlng.getLat(),function(result,status){if(status===kakao.maps.services.Status.OK){vardetailAddr=!!result[0].road_address?result[0].road_address.address_name:result[0].address.address_name;document.getElementById('wr_3_0').value=detailAddr;document.getElementById('wr_9').value=result[0].address.region_1depth_name;document.getElementById('wr_10').value=result[0].address.region_2depth_name;}});}//주소입력란을클릭하면다음주소API사용$(function(){$("#wr_3_0").on("click",function(){newdaum.Postcode({oncomplete:function(data){$("#wr_3_0").val(data.address);$("#wr_9").val(data.sido);$("#wr_10").val(data.sigungu);geocoder.addressSearch(data.address,function(results,status){if(status===kakao.maps.services.Status.OK){varresult=results[0];varcoords=newkakao.maps.LatLng(result.y,result.x);map.relayout();map.setCenter(coords);document.getElementById('wr_3_4').value=coords.getLat();document.getElementById('wr_3_5').value=coords.getLng();marker.setPosition(coords);}});}}).open();});});//지도가리사이즈될때재정렬$(window).on('resize',function(){map.relayout();map.setCenter(marker.getPosition());});</script></li></ul></div>별건아니지만지도위치에서마크포인트가사라지면곤란하실분이있을것같아서드래그도가능하지만지도를터치만해도나오도록설정했습니다! [이 게시물은 리빌더님에 의해 2024-10-21 20:53:48 유저 자료실에서 이동 됨]

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.02　 기타　

구인구직 지도 마커 이동 지도 입력

<divclass="rb_inp_wrapnew_bbs_border_wrapsection"id="section_3"style="display:none;"><ul><h6class="bbs_sub_titlesfont-B">근무지역</h6><labelclass="helps">근무지역을입력하세요.지도로출력됩니다.</label><li><inputtype="text"name="wr_3_ex[0]"value="<?phpechoisset($wr_3[0])?$wr_3[0]:'';?>"id="wr_3_0"class="inputw60map_inp"placeholder="주소"readonly><inputtype="text"name="wr_3_ex[1]"value="<?phpechoisset($wr_3[1])?$wr_3[1]:'';?>"id="wr_3_1"class="inputw30mobile_mt5"placeholder="나머지주소"></li><liclass="mt-10"><inputtype="text"name="wr_9"value="<?phpechoisset($write['wr_9'])?$write['wr_9']:'';?>"id="wr_9"class="inputw20"placeholder="광역시/도"><inputtype="text"name="wr_10"value="<?phpechoisset($write['wr_10'])?$write['wr_10']:'';?>"id="wr_10"class="inputw20mobile_mt5"placeholder="시/군/구"><inputtype="hidden"name="wr_3_ex[2]"value="-"id="wr_3_2"><inputtype="hidden"name="wr_3_ex[3]"value="-"id="wr_3_3"><inputtype="hidden"name="wr_3_ex[4]"value="<?phpechoisset($wr_3[4])?$wr_3[4]:'';?>"id="wr_3_4"><inputtype="hidden"name="wr_3_ex[5]"value="<?phpechoisset($wr_3[5])?$wr_3[5]:'';?>"id="wr_3_5"></li><liclass="mt-10"><scripttype="text/javascript"src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<?phpecho$config['cf_kakao_js_apikey']?>&libraries=services"></script><divstyle="background-color:#f9f9f9;width:100%;height:200px;border-radius:10px;"id="map"></div><script>varmapContainer=document.getElementById('map'),mapOption={center:newkakao.maps.LatLng(<?phpecho$wr_3[4]?>,<?phpecho$wr_3[5]?>),level:3};varmap=newkakao.maps.Map(mapContainer,mapOption);vargeocoder=newkakao.maps.services.Geocoder();varmarker=newkakao.maps.Marker({map:map,position:map.getCenter(),draggable:true});//마커드래그이벤트처리kakao.maps.event.addListener(marker,'dragend',function(){varposition=marker.getPosition();updateLocationInfo(position);});//마커클릭이벤트처리kakao.maps.event.addListener(marker,'click',function(){varposition=marker.getPosition();updateLocationInfo(position);});//위치정보를업데이트하는함수functionupdateLocationInfo(latlng){geocoder.coord2Address(latlng.getLng(),latlng.getLat(),function(result,status){if(status===kakao.maps.services.Status.OK){vardetailAddr=!!result[0].road_address?result[0].road_address.address_name:result[0].address.address_name;document.getElementById('wr_3_0').value=detailAddr;document.getElementById('wr_9').value=result[0].address.region_1depth_name;document.getElementById('wr_10').value=result[0].address.region_2depth_name;}});}//주소입력란을클릭하면다음주소API사용$(function(){$("#wr_3_0").on("click",function(){newdaum.Postcode({oncomplete:function(data){$("#wr_3_0").val(data.address);$("#wr_9").val(data.sido);$("#wr_10").val(data.sigungu);geocoder.addressSearch(data.address,function(results,status){if(status===kakao.maps.services.Status.OK){varresult=results[0];varcoords=newkakao.maps.LatLng(result.y,result.x);map.relayout();map.setCenter(coords);document.getElementById('wr_3_4').value=coords.getLat();document.getElementById('wr_3_5').value=coords.getLng();marker.setPosition(coords);}});}}).open();});});//지도가리사이즈될때재정렬$(window).on('resize',function(){map.relayout();map.setCenter(marker.getPosition());});</script></li></ul></div>원래있던지도따로타이핑해서검색하능기능에지도마커를드래그해서지도주소나오겠금해봤습니다.소스초보자라도움이되실지는모르겠네요,,수정위치는/theme/rb.basic/skin/board/rb.recruit_bbswhite.skin.php파일중간쯤있습니다활용하실분쓰세요 [이 게시물은 리빌더님에 의해 2024-10-21 20:53:48 유저 자료실에서 이동 됨]

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.11　 최신글　

채용정보 게시판 최신글 스킨

업로드 경로 :/theme/rb.basic/skin/latest/hh.latest.requit해당 스킨의 경우 모듈 설정시 출력 항목 설정 부분을 손댈 필요가 없습니다.급하게 제작된 스킨으로 다른 문제가 발견 되시면 댓글 부탁드립니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

검색

게시물 검색