Open sehyeogi365 opened 1 year ago
<script type="text/javascript"
src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=wfkavb5t6s"></script>
여기에 클라이언트아이디를 안씀
검색창 추가 + 확대 축소 추가
//검색한 주소의 정보를 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,
});
}
여기도 나름 큰문제가 발생했다.
지도 검색창이랑 확대 축소바는 형성된 상태
근데 데이트픽커는 갑자기 먹통이된 상태.
네이버 지도 api 불러온 상태 but 인증이실패