var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667), // 초기 중심 좌표
level: 10// 초기 확대 레벨
};
// 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
var cinemaInfo = /*[[${cinemaInfo}]]*/ [];
var cafeInfo = /*[[${cafeInfo}]]*/ [];
var previousInfowindow = null;
var combinedData = cinemaInfo.concat(cafeInfo);
combinedData.forEach(function (info) {
var address = info.address;
var geocoder = new kakao.maps.services.Geocoder();
geocoder.addressSearch(address, function (result, status) {
if (status === kakao.maps.services.Status.OK) {
if (result.length > 0) {
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
var marker = new kakao.maps.Marker({
map: map,
position: coords
});
var infowindow = new kakao.maps.InfoWindow();
kakao.maps.event.addListener(marker, 'click', function () {
if (previousInfowindow !== null) {
previousInfowindow.close();
}
var content = '
';
infowindow.setContent(content);
infowindow.open(map, marker);
previousInfowindow = infowindow;
});
}
}
});
});
이런 식 으로 두개의 데이터를 가져와서 주소를 좌표로 변환 해서 마커를 생성하고 마커에 맞는 정보를 띄워주고 있는데 처음으로 변환 되는 영화관 데이터는 잘 되는데 두번째 실행되는 카페 데이터 부터는 services.js:5 GET http://dapi.kakao.com/v2/local/search/address.json?page=1&size=10 400 (Bad Request) 이렇게 에러가 발생합니다 값이 비어 있거나 한 건 아닙니다 따로 실행 시키면 잘 되거든요ㅠㅠ 여러개 데이터를 실행할 때 는 파라미터나addressSreach와 관련된 코드를 다른 방식으로 해야되나요?
첫 문의글에서 http://dapi.kakao.com/v2/local/search/address.json?page=1&size=10으로 주소 검색을 요청해서 400 오류가 나고 있었는데요.
주소 정보가 공백으로 되어 있는걸로 추측됩니다.
정상 요청은 아래처럼 query에 검색할 주소가 들어간 url로 요청합니다.
