다음지도api 활용시 주소만으로 좌표찾기중 로드뷰가 안나와요. 채택완료
하려고 하는것은
wr_1에 주소를 저장해놓고
위치좌표값(wr_2=x , wr_3=y)은
따로 디비에 저장하지 않고
'보기페이지' 로드시
wr_1값에 따라 좌표가 자동적용되어
맵에 위치표시가 자동으로 나오도록 했습니다.
x,y값도 잘 나오고
지도 위치도 잘 찍히는데
로드뷰가 섭섭하게 안나오네요.
도움좀 부탁드립니다.
아래는 view.skin.php 보기페이지 풀소스입니다.
</p>
<p><?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>
<p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);</p>
<p>// 다음지도 처음화면 설정
if($view[wr_2] == null){$view[wr_2] = 37.566400714093284;}
if($view[wr_3] == null){$view[wr_3] = 126.9785391897507;}
?></p>
<p><script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script></p>
<p><!-- 게시물 읽기 시작 { --></p>
<p><article id="bo_v" style="width:<?php echo $width; ?>">
<header></p>
<p> <div>
<input type="text" name="wr_1" id="wr_1" value="<?=$view['wr_1']?>" class="frm_input" maxlength="255" style="width:600px;" onBlur="getLByAddress(this.value);">
<input type="text" name="wr_2" value="<?php echo $view['wr_2'] ?>" id="wr_2" readonly class="frm_input full_input"> <input type="text" name="wr_3" value="<?php echo $view['wr_3'] ?>" id="wr_3" readonly class="frm_input full_input">
</div></p>
<p> <div class="info_left">
<h2 id="bo_v_title">
<span class="bo_v_tit">
<?php if($view['ca_name']) { ?>[<?php echo $view['ca_name'] ?>] <?php } ?>
<?php echo cut_str(get_text($view['wr_subject']), 70); ?>
</span>
</h2>
<dl class="map_info"></p>
<p> <?php if($view['wr_1']) { ?>
<i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $view['wr_1'] ?>
<?php } ?></p>
<p> <?php if($view['wr_4']) { ?>
<i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:<?php echo $view['wr_4'] ?>"><b><?php echo $view['wr_4'] ?></b></a>
<?php } ?></p>
<p> <?php if(isset($view['link'][1]) && $view['link'][1]) { ?>
<dd></p>
<p> <?php
// 링크
$cnt = 0;
for ($i=1; $i<=count($view['link']); $i++) {
if ($view['link'][$i]) {
$cnt++;
$link = cut_str($view['link'][$i], 70);
?>
<i class="fa fa-link" aria-hidden="true"></i>
<a href="<?php echo $view['link_href'][$i] ?>" target="_blank" class="mini_txt"><?php echo $link ?></a>
</p>
<p> <?php
}
}
?></p>
<p>
</dd>
<?php } ?></p>
<p> </dl>
</div></p>
<p>
<div style="clear:both"></div></p>
<p>
</header></p>
<p>
<div id="map" style="width: 100%; height: 400px; margin:0px; border-radius:4px;"></div></p>
<p> <section id="bo_v_info" style="border-bottom:0px;"></p>
<p> <!-- 로드뷰 레이어 { -->
<div id="roadview" ></div></p>
<p> <!-- } --></p>
<p> <?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";</p>
<p> for ($i=0; $i<=count($view['file']); $i++) {
echo get_file_thumbnail($view['file'][$i]);
}</p>
<p> echo "</div>\n";
}
?></p>
<p> <!-- 본문 내용 시작 { -->
<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<?php //echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
<!-- } 본문 내용 끝 --></p>
<p> <section id="bo_v_info">
<h2>페이지 정보</h2>
<?php if($is_admin){?>
<div class="profile_info"></p>
<p> <div class="profile_info_ct">
<span class="sound_only">등록자</span> <strong><?php echo $view['name'] ?></strong>
<span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
<span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
<strong class="if_date"><span class="sound_only">등록일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
</div>
</div></p>
<p> <!-- 게시물 상단 버튼 시작 { -->
<div id="bo_v_top">
<?php ob_start(); ?></p>
<p> <ul class="btn_bo_user bo_v_com"></p>
<p> <?php if($update_href || $delete_href || $copy_href || $move_href || $search_href) { ?>
<li>
<button type="button" class="btn_more_opt is_view_btn btn_b01 btn top_op_btn"><i class="fa fa-ellipsis-v" aria-hidden="true" style="font-size:18px;"></i><span class="sound_only">게시판 리스트 옵션</span></button>
<ul class="more_opt is_view_btn">
<?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>">수정<i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></li><?php } ?>
<?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;">삭제<i class="fa fa-trash-o" aria-hidden="true"></i></a></li><?php } ?>
<?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" onclick="board_move(this.href); return false;">복사<i class="fa fa-files-o" aria-hidden="true"></i></a></li><?php } ?>
<?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" onclick="board_move(this.href); return false;">이동<i class="fa fa-arrows" aria-hidden="true"></i></a></li><?php } ?>
<?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>">검색<i class="fa fa-search" aria-hidden="true"></i></a></li><?php } ?>
</ul>
</li>
<?php } ?>
</ul>
<script>
jQuery(function($) {
// 게시판 보기 버튼 옵션
$(".btn_more_opt.is_view_btn").on("click", function(e) {
e.stopPropagation();
$(".more_opt.is_view_btn").toggle();
});
$(document).on("click", function(e) {
if (!$(e.target).closest('.is_view_btn').length) {
$(".more_opt.is_view_btn").hide();
}
});
});</p>
<p> </script>
<?php
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</div>
<!-- } 게시물 상단 버튼 끝 --></p>
<p> <?}?></p>
<p>
</section></p>
<p>
<div id="bo_v_share">
<?php include_once(G5_SNS_PATH."/view.sns.skin.php"); ?>
<?php if ($scrap_href && $is_admin) { ?><a href="<?php echo $scrap_href; ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-bookmark" aria-hidden="true"></i><span class="pc_view"> 스크랩</span></a><?php } ?></p>
<p> <div class="btn_v_01">
<a href="<?php echo $list_href ?>" class="btn_b01 sub_btns btn" title="목록">
<i class="fa fa-bars mo_view" aria-hidden="true" style="line-height:35px;"></i>
<span class="pc_view">목록</span>
</a></p>
<p> <?php if ($write_href && $is_admin) { ?>
<a href="<?php echo $write_href ?>" class="btn_b01 btn" title="등록하기">
<i class="fa fa-pencil mo_view" aria-hidden="true" style="line-height:35px;"></i>
<span class="pc_view">등록하기</span>
</a>
<?php } ?>
</div>
</div></p>
<p>
</section></p>
<p>
</p>
<p> <?php
$cnt = 0;
if ($view['file']['count']) {
for ($i=0; $i<count($view['file']); $i++) {
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
$cnt++;
}
}
?></p>
<p> <?php if($cnt) { ?>
<!-- 첨부파일 시작 { -->
<section id="bo_v_file">
<h2>첨부파일</h2>
<ul>
<?php
// 가변 파일
for ($i=0; $i<count($view['file']); $i++) {
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
?>
<li>
<i class="fa fa-folder-open" aria-hidden="true"></i>
<a href="<?php echo $view['file'][$i]['href']; ?>" class="view_file_download" download>
<strong><?php echo $view['file'][$i]['source'] ?></strong> <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
</a>
<span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드 | DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
</li>
<?php
}
}
?>
</ul>
</section>
<!-- } 첨부파일 끝 -->
<?php } ?></p>
<p>
<?php if ($prev_href || $next_href && $is_admin) { ?>
<ul class="bo_v_nb">
<?php if ($prev_href) { ?>
<li class="btn_prv">
<dd class="elc_01"><span class="nb_tit"><i class="fa fa-chevron-up" aria-hidden="true"></i> 이전글</span></dd>
<dd class="elc_02"><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a></dd>
<dd class="elc_03"><span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></dd>
<div style="clear:both"></div>
</li>
<?php } ?></p>
<p> <?php if ($next_href) { ?>
<li class="btn_next">
<dd class="elc_01"><span class="nb_tit"><i class="fa fa-chevron-down" aria-hidden="true"></i> 다음글</span></dd>
<dd class="elc_02"><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a></dd>
<dd class="elc_03"><span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></dd>
<div style="clear:both"></div>
</li>
<?php } ?>
</ul>
<?php } ?></p>
<p> <?php
// 코멘트 입출력
include_once(G5_BBS_PATH.'/view_comment.php');
?>
</article>
<!-- } 게시판 읽기 끝 --></p>
<p><script>
<?php if ($board['bo_download_point'] < 0) { ?>
$(function() {
$("a.view_file_download").click(function() {
if (!g5_is_member) {
alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
return false;
}</p>
<p> var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";</p>
<p> if (confirm(msg)) {
var href = $(this).attr("href") + "&js=on";
$(this).attr("href", href);</p>
<p> return true;
} else {
return false;
}
});
});
<?php } ?></p>
<p> function board_move(href) {
window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}</p>
<p></script></p>
<p><script>
$(function() {
$("a.view_image").click(function() {
window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
return false;
});</p>
<p> // 추천, 비추천
$("#good_button, #nogood_button").click(function() {
var $tx;
if (this.id == "good_button")
$tx = $("#bo_v_act_good");
else
$tx = $("#bo_v_act_nogood");</p>
<p> excute_good(this.href, $(this), $tx);
return false;
});</p>
<p> // 이미지 리사이즈
$("#bo_v_atc").viewimageresize();
});</p>
<p> function excute_good(href, $el, $tx) {
$.post(
href, {
js: "on"
},
function(data) {
if (data.error) {
alert(data.error);
return false;
}</p>
<p> if (data.count) {
$el.find("strong").text(number_format(String(data.count)));
if ($tx.attr("id").search("nogood") > -1) {
$tx.text("이 글을 비추천하셨습니다.");
$tx.fadeIn(200).delay(2500).fadeOut(200);
} else {
$tx.text("이 글을 추천하셨습니다.");
$tx.fadeIn(200).delay(2500).fadeOut(200);
}
}
}, "json"
);
}</p>
<p></script></p>
<p><script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<?php echo $board['bo_1'] ?>&libraries=services"></script></p>
<p><script>
var mapContainer = document.getElementById('map'), // 지도의 중심좌표
mapOption = {
center: new daum.maps.LatLng(<?=$view[wr_2]?>, <?=$view[wr_3]?>), // 지도의 중심좌표
level: 6 // 지도의 확대 레벨
};</p>
<p> var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다</p>
<p>
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();</p>
<p> // 주소로 좌표를 검색합니다
geocoder.addressSearch("<?=$view['wr_1']?>",function(result, status) {</p>
<p> // 정상적으로 검색이 완료됐으면
if (status === kakao.maps.services.Status.OK) {</p>
<p> var coords = new kakao.maps.LatLng(result[0].y, result[0].x);</p>
<p> // 결과값으로 받은 위치를 마커로 표시합니다
var marker = new kakao.maps.Marker({
map: map,
position: coords
});</p>
<p> // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
}
});</p>
<p> // 마커
var marker = new daum.maps.Marker({
map: map,
// 지도 중심좌표에 마커를 생성
position: map.getCenter()
});</p>
<p>
// 로드뷰 추가
var map = new kakao.maps.Map(mapContainer, mapOption);
var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div
var roadview = new kakao.maps.Roadview(roadviewContainer); //로드뷰 객체
var roadviewClient = new kakao.maps.RoadviewClient(); //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체</p>
<p> // 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
var geocoderCallback = function (result, status) {
var latX, latY;
// 정상적으로 검색이 완료됐으면
if (status === kakao.maps.services.Status.OK && 0 < result.length) {
if (1 === result.length) {
latX = result[0].x;
latY = result[0].y;
} else {
console.log('1<', result); // 적절하게 예외처리
}
console.log(mapOption);
var latlng = new kakao.maps.LatLng(<?php echo $view['wr_2']?>, <?php echo $view['wr_3']?>);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new kakao.maps.Marker({
map: map,
position: latlng
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(latlng);
var position = latlng;
// 특정 위치의 좌표와 가까운 로드뷰의 panoId를 추출하여 로드뷰를 띄운다.
roadviewClient.getNearestPanoId(position, 50, function (panoId) {
roadview.setPanoId(panoId, position); //panoId와 중심좌표를 통해 로드뷰 실행
});
} else {
console.log('else', result)
}
}
geocoder.addressSearch("<?php echo $view['wr_1']?>", geocoderCallback);
function getLByAddress(address) {</p>
<p> // 주소로 좌표를 검색합니다
geocoder.addressSearch("<?=$view['wr_1']?>",function(result, status) {</p>
<p> // 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {</p>
<p> var coords = new kakao.maps.LatLng(result[0].y, result[0].x);</p>
<p> // 결과값으로 받은 위치를 마커로 표시합니다
// var marker = new daum.maps.Marker({
// map: map,
// position: coords
//});</p>
<p> // 인포윈도우로 장소에 대한 설명을 표시합니다
//var infowindow = new daum.maps.InfoWindow({
// content: '<div style="width:150px;text-align:center;padding:6px 0;">우리회사</div>'
// });
//infowindow.open(map, marker);
marker.setPosition(coords);
// 지도에 마커를 표시합니다
marker.setMap(map);</p>
<p> // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
document.getElementById('wr_2').value = coords.getLat();
document.getElementById('wr_3').value = coords.getLng();
}
});
}
</script></p>
<p><!-- } 게시글 읽기 끝 --></p>
<p>
<? if($view['wr_1']) { ?>
<script>
getLByAddress('<?=$view['wr_1']?>');</p>
<p></script>
<? } ?>
</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택