sehyeogi365 / ChoongMoTour

0 stars 0 forks source link

기타 기능 - 지도 api #28

Open sehyeogi365 opened 1 year ago

sehyeogi365 commented 1 year ago

네이버 지도 api 불러온 상태 but 인증이실패

sehyeogi365 commented 1 year ago
<script type="text/javascript" 
src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=wfkavb5t6s"></script>

여기에 클라이언트아이디를 안씀

sehyeogi365 commented 1 year ago

검색창 추가 + 확대 축소 추가

//검색한 주소의 정보를 insertAddress 함수로 넘겨준다. function searchAddressToCoordinate(address) { naver.maps.Service.geocode({ query: address }, function(status, response) { if (status === naver.maps.Service.Status.ERROR) { return alert('Something Wrong!'); } if (response.v2.meta.totalCount === 0) { return alert('올바른 주소를 입력해주세요.'); } var htmlAddresses = [], item = response.v2.addresses[0], point = new naver.maps.Point(item.x, item.y); if (item.roadAddress) { htmlAddresses.push('[도로명 주소] ' + item.roadAddress); } if (item.jibunAddress) { htmlAddresses.push('[지번 주소] ' + item.jibunAddress); } if (item.englishAddress) { htmlAddresses.push('[영문명 주소] ' + item.englishAddress); }

             insertAddress(item.roadAddress, item.x, item.y);

         });
     }

     // 주소 검색의 이벤트
     $('#address').on('keydown', function(e) {
         var keyCode = e.which;
         if (keyCode === 13) { // Enter Key
             searchAddressToCoordinate($('#address').val());
         }
     });
     $('#submit').on('click', function(e) {
         e.preventDefault();
         searchAddressToCoordinate($('#address').val());
     });
     naver.maps.Event.once(map, 'init_stylemap', initGeocoder);

//지도를 그려주는 함수 function selectMapList() {

        var map = new naver.maps.Map('map', {
            center: new naver.maps.LatLng(37.3595704, 127.105399),
            zoom: 10,
            scaleControl: false,
            logoControl: false,
            mapDataControl: false,
            zoomControl: true,
        });
     }
sehyeogi365 commented 1 year ago

여기도 나름 큰문제가 발생했다.

지도 검색창이랑 확대 축소바는 형성된 상태

근데 데이트픽커는 갑자기 먹통이된 상태.