게시판에 지도를 삽입하여 키워드를 검색하면, 검색한 키워드가 마커와 함께 지도에 표시되고, 검색된 키워드의 좌표를 db에 저장하고 싶은데 좌표 값을 어떻게 받아와야 할 지 도무지 모르겠습니다ㅠㅠ 아래의 첨부된 코드에서 어떤 코드를 추가해야 좌표값을 받아 올 수 있는지 아시는 분 있으실까요ㅠ 코드는 아래에 첨부합니다.
현재 검색된 키워드로 마커가 이동하는 상태입니다.
//마커를 클릭하면 장소명을 표출할 인포윈도우 입니다
var ps = new daum.maps.services.Places();
var infowindow = new daum.maps.InfoWindow({zIndex:1});
var container = document.getElementById(‘map’); //지도를 담을 영역의 DOM 레퍼런스
var options = { //지도를 생성할 때 필요한 기본 옵션
center: new daum.maps.LatLng(37.5614409,127.0383960), //지도의 중심좌표
level: 3 //지도의 레벨(확대, 축소 정도)
};
//지도를 생성합니다
var map = new daum.maps.Map(container, options);
//장소 검색 객체를 생성합니다. 키워드로 장소를 검색합니다.
function searchLocation(){
var loc = $("#searchLoc").val();
ps.keywordSearch(loc, placesSearchCB);
}
// 키워드 검색 완료 시 호출되는 콜백함수 입니다
function placesSearchCB (data, status, pagination) {
if (status === daum.maps.services.Status.OK) {
// 검색된 장소 위치를 기준으로 지도 범위를 재설정하기위해
// LatLngBounds 객체에 좌표를 추가합니다
var bounds = new daum.maps.LatLngBounds();
for (var i=0; i<data.length; i++) {
displayMarker(data[i]);
bounds.extend(new daum.maps.LatLng(data[i].y, data[i].x)); //위도, 경도
}
// 검색된 장소 위치를 기준으로 지도 범위를 재설정합니다
map.setBounds(bounds);
}
}
// 지도에 마커를 표시하는 함수입니다
function displayMarker(place) {
// 마커를 생성하고 지도에 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: new daum.maps.LatLng(place.y, place.x) //위도, 경도
});
//지도에 마커를 표시합니다
marker.setMap(map);
// 마커에 클릭이벤트를 등록합니다
daum.maps.event.addListener(marker, 'click', function() {
// 마커를 클릭하면 장소명이 인포윈도우에 표출됩니다
infowindow.setContent('<div style="padding:5px;font-size:12px;">' + place.place_name + '</div>');
infowindow.open(map, marker);
});
}