주소→좌표 변환API php 수정문의

주소→좌표 변환API php 수정문의

QA

주소→좌표 변환API php 수정문의

답변 1

본문

다음의 경우 주소-> 좌표변환 예제를 못찾겠습니다.

네이버의 주소 -> 좌표변환 예제를 이용해서 하면될듯 한데요.

다음에서 사용가능하게 수정을 하려면 어떻게 해야 하나요??


다음 주소 -> 좌표 변환법


https://apis.daum.net/local/geo/addr2coord?apikey={apikey}&q=제주 특별자치도 제주시 첨단로 242&output=json



네이버 주소 -> 좌표변환 예제

<?

// 네이버
$client_id = "아이디";
$client_secret = "secret";

$ex3_filed = explode("|",$view[wr_3]);

$adrress1 = $ex3_filed[1];


$encText = urlencode($adrress1); //주소지를 받아온다.
$url = "".$encText; // json
// $url = "".$encText; // xml
$is_post = false;
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST, $is_post);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$headers = array();
$headers[] = "X-Naver-Client-Id: ".$client_id;
$headers[] = "X-Naver-Client-Secret: ".$client_secret;
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
$response = curl_exec ($ch);
//JSON타입을받아서 처리하는 과정이라 생각해라
$response_JSON = json_decode($response,true);



?>

<script type="text/javascript" src="<?php echo $client_id?>"></script>
        <div id="map" style="width:100%;height:400px; border:2px solid #dddddd;"></div>
        <script>
         var map = new naver.maps.Map('map', {center: new naver.maps.LatLng(<?php echo $response_JSON['result']['items'][0]['point']['y']?>, <?php echo $response_JSON['result']['items'][0]['point']['x']?>),zoom:9});
         var marker = new naver.maps.Marker({
        position: new naver.maps.LatLng(<?php echo $response_JSON['result']['items'][0]['point']['y']?>, <?php echo $response_JSON['result']['items'][0]['point']['x']?>),
        map: map // map변수에 잡힌 지도에 마커를 찍는다는것
         });
        </script>



또는





 


<div id="roadview" style="width:750px;height:350px;"></div>


<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=웹키입력함&libraries=services"></script>
<script>


<script>

      var mapContainer = document.getElementById('map'), // 지도를 표시할 div
      mapOption = {
          center: new daum.maps.LatLng(37.56691, 126.97939), // 지도의 중심좌표
          level: 3, // 지도의 확대 레벨
          mapTypeId : daum.maps.MapTypeId.ROADMAP // 지도종류
      };

  // 지도를 생성한다
  var map = new daum.maps.Map(mapContainer, mapOption);

  // 지도에 마커를 생성하고 표시한다
  var marker = new daum.maps.Marker({
      position: new daum.maps.LatLng(37.56682, 126.97865), // 마커의 좌표
      map: map // 마커를 표시할 지도 객체
  });

  // 마커 위에 표시할 인포윈도우를 생성한다
  var infowindow = new daum.maps.InfoWindow({
      content : '<div style="padding:5px;">인포윈도우 :D</div>' // 인포윈도우에 표시할 내용
  });

  // 인포윈도우를 지도에 표시한다
  infowindow.open(map, marker);

  //로드뷰를 표시할 div
  var roadviewContainer = document.getElementById('roadview');

  // 로드뷰 위치
  var rvPosition = new daum.maps.LatLng(37.56613, 126.97842);

  //로드뷰 객체를 생성한다
  var roadview = new daum.maps.Roadview(roadviewContainer, {
   pan: 7.816106666666656, // 로드뷰 처음 실행시에 바라봐야 할 수평 각
   tilt: 9.48457142857143, // 로드뷰 처음 실행시에 바라봐야 할 수직 각
   zoom: -3 // 로드뷰 줌 초기값
  });

  //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체를 생성한다
  var roadviewClient = new daum.maps.RoadviewClient();

  // 특정 위치의 좌표와 가까운 로드뷰의 panoId를 추출하여 로드뷰를 띄운다
  roadviewClient.getNearestPanoId(rvPosition, 50, function(panoId) {
   // panoId와 중심좌표를 통해 로드뷰를 실행한다
      roadview.setPanoId(panoId, rvPosition);
  });

  // 로드뷰 초기화가 완료되었을 때 로드뷰에 마커나 커스텀오버레이를 표시한다
  daum.maps.event.addListener(roadview, 'init', function() {
  });

 </script>

#m

이 질문에 댓글 쓰기 :

답변 1

샘플 예제들이 잘 나와 있는 것 같은데요.

예제대로 했는데도 안된다는 말씀이신가요?


답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 136
© SIRSOFT
현재 페이지 제일 처음으로