다음api 지도 소스 수정 문의 드려요
본문
https://sir.kr/g5_skin/14549?sfl=wr_subject%7C%7Cwr_content&stx=%EB%8B%A4%EC%9D%8C%EC%A7%80%EB%8F%84
위 스킨의 view.skin.php 파일 내용을 참조해서 아래처럼 수정을 해주었는데요.
주소값의 지도가 나오지 않고 (33.450701, 126.570667) 값의 지도가 나옵니다.
어디를 수정해주어야 하나요?
center: new daum.maps.LatLng(33.450701, 126.570667) <-- 이부분이 왜 있는거죠? 주소값을 넣어줘야 되지 않나요??
<?
$ex3_filed = explode("|",$view[wr_3]);
$addr = $ex3_filed[1];
//$addr = urlencode($addr);
?>
<!--<script src="//apis.daum.net/maps/maps3.js?apikey=웹키&libraries=services"></script>-->
<script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=웹키" charset="utf-8"></script>
<div id="maps" style="width:450px;height:350px;"></div>
<script>
var juso = "<?php echo $addr?>";
//var juso = "<?=$view['wr_1']?>";
console.log(juso);
//function map_view(){
var mapContainer = document.getElementById("maps"), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addr2coord(juso, function(status, result) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result.addr[0].lat, result.addr[0].lng);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: coords
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
}
});
</script>
답변 1
wr_1 에 주소를 입력하는군요
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
라고 본문에 있네요. 그것이 표시되는거죠
처음 표시되는 지역을 의미하는거죠
그리고 지역을 누르면 지역의 미리 지정된 좌표의 지도가 보이고, 그 주위에 입력된 주소를 보여주는 스킨인듯 하네요...