개발자의 끄적끄적

[개발] 네이버 지도 api 에서 주소를 좌표로 변환하는 방법 본문

개발

[개발] 네이버 지도 api 에서 주소를 좌표로 변환하는 방법

효벨 2021. 11. 12. 01:00
728x90
반응형

[개발] 네이버 지도 api 에서 주소를 좌표로 변환하는 방법

 

 

네이버 지도 api 를 이용하다 보면

 

주소를 입력해서 좌표를 이동 시키고 싶은 경우가 있습니다.

 

그럴때는 maps.Service.geocode 를 이용하시면 됩니다.

 

 

우선 아래와 같이 스크립트를 로드할때

 

뒤에 파라미터로 submodules 을 geododer 를 추가합니다.

<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=CLIENT_KEY&submodules=geocoder"></script>

 

그리고 맵을 로드시키는 스크립트에서

 

아래 부분을 추가합니다.

 

그리고 '주소' 라고 되어 있는 값에

 

좌표로 변환할 주소를 입력하시면 됩니다.

 

결과는 response 객체에 담기게 됩니다!

 

        naver.maps.Service.geocode({ address: '주소' }, function(status, response) {
            if (status === naver.maps.Service.Status.ERROR) {
                return alert('Something wrong!');
            }
            var new_position = new naver.maps.LatLng(response.v2.addresses[0].y, response.v2.addresses[0].x)
            map.setCenter(new_position);

            var marker = new naver.maps.Marker({
                position: new naver.maps.LatLng(response.v2.addresses[0].y, response.v2.addresses[0].x),
                map: map
            });
        });

 

참고들 하세요!

반응형
Comments