지도를 불러들이는것부터, 마커를 찍거나 커스텀 오버레이 생성등은 아무런 문제가 안되는데,
아래와 같이 장소검색 API를 사용할시 오류가 나네요… PlaceSearch 함수의 keyword인자값에 장소명을 넣으면
검색이 되어 지도에 마커가 찍히게 하는게 목적인데 턱 막혔습니다. 도움 부탁 드리겠습니다.
// 장소 검색 객체를 생성합니다
var ps = new daum.maps.services.Places();
function PlaceSearch(keyword){
ps.keywordSearch(keyword, placesSearchCB);
}
// 키워드 검색 완료 시 호출되는 콜백함수 입니다
function placesSearchCB(status, data, pagination) {
if (status === daum.maps.services.Status.OK) {
// 검색된 장소 위치를 기준으로 지도 범위를 재설정하기위해
// LatLngBounds 객체에 좌표를 추가합니다
var bounds = new daum.maps.LatLngBounds();
for (var i = 0; i < data.places.length; i++) {
displayMarker(data.places[i]);
bounds.extend(new daum.maps.LatLng(data.places[i].latitude,
data.places[i].longitude));
}
// 검색된 장소 위치를 기준으로 지도 범위를 재설정합니다
map.setBounds(bounds);
}
}
// 지도에 마커를 표시하는 함수입니다
function displayMarker(place) {
// 마커를 생성하고 지도에 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: new daum.maps.LatLng(place.latitude,
place.longitude)
});
// 마커에 클릭이벤트를 등록합니다
daum.maps.event.addListener(marker, 'click', function() {
// 마커를 클릭하면 장소명이 인포윈도우에 표출됩니다
infowindow.setContent('<div style="padding:5px;font-size:12px;">' + place.place_name + '</div>');
infowindow.open(map, marker);
});
}
