다음에서 카카오로 API변경해서 지도가 이제는 잘보이는데 좌표설정은 여전히 ㅠㅠ 안되더라구요 어디가 잘못된건지 아무리 찾아도 잘모르겠습니다
$(document).ready(function(){
var posX = '<?=$write[wr_3]?>';
var posY = '<?=$write[wr_4]?>';
// 기본위치(서울시청)
if (posX.length <= 0) posX = '37.5668260055';
if (posY.length <= 0) posY = '126.9786567859';
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(posX, posY), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);
var coords = new daum.maps.LatLng(posX, posY);
var marker = new daum.maps.Marker({
map: map,
position: coords
});
var setMarkerByAddr = function(){
var $addr = $('#wr_2');
var $lat = $('#wr_3');
var $lng = $('#wr_4');
// if ($addr.val().search(/\S/) < 0){
// alert(‘주소를 입 력하세요’);
// $addr.focus();
// return;
// }
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.coord2Address($addr.val(), function(status, result) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
marker.setMap(null);
var coords = new daum.maps.LatLng(result.addr[0].lat, result.addr[0].lng);
// 결과값으로 받은 위치를 마커로 표시합니다
marker = new daum.maps.Marker({
map: map,
position: coords
});
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
$lat.val(result.addr[0].lat);
$lng.val(result.addr[0].lng);
marker.setDraggable(true);
// 마커 이동
daum.maps.event.addListener(marker, 'dragend', function() {
$lat.val(marker.getPosition().hb);
$lng.val(marker.getPosition().gb);
coords = new daum.maps.LatLng(marker.getPosition().hb, marker.getPosition().gb);
map.setCenter(coords);
});
}else{
alert('해당 주소로 조회된 결과가 없습니다.');
return;
}
});
}
$('.btn_location').click(function(e){
e.preventDefault();
setMarkerByAddr();
});
$('#wr_2').blur(function(){
setMarkerByAddr();
});
$('#fwrite').on('keyup keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
});