일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- eclipse hotdeploy
- jquery selectbox change
- ajax 동기방식처리
- http https
- 주소 좌표변환
- String[]
- 폐업자에 대한 업종등의 정보내역
- remote ip
- ajax async
- 한국소프트웨어산업협회
- String 배열
- 2개 테이블
- update
- ant path pattern
- TM128
- 첫주 및 마지막주 날짜 전체 포함
- KOSA
- map api v3
- extundelete
- mysql trigger
- 접속ip
- group by max
- mysql
- partition by
- 컴퓨터 드라이버
- 아이폰키보드
- 서브쿼리
- Oracle
- multipart
- checkbox 값처리
- Today
- Total
하은양 믿음군 효실맘 호홍홍집s
Daum 지도 API 주소 좌표불러오기 본문
<div id="mapDaum" style="width:50%;height:450px;"></div>
<div class="map_right">
<ul class="line_area">
<li><strong>X : </strong><input type="text" class="input_st2" size="" id="mapV3_X" name="mapV3_X" /></li>
<li><strong>Y : </strong><input type="text" class="input_st2" size="" id="mapV3_Y" name="mapV3_Y" /></li>
</ul>
</div>
<div>
<ul id="result"></ul>
</div>
<script type="text/javascript" src="//apis.daum.net/maps/maps3.js?apikey=API 키&libraries=services"></script>
<script>
/*
다음 map 지도 생성
*/
var container = document.getElementById('mapDaum'); //지도를 담을 영역의 DOM 레퍼런스
var options = { //지도를 생성할 때 필요한 기본 옵션
center: new daum.maps.LatLng(35.5438097038, 129.3300917908), //지도의 중심좌표.
level: 3 //지도의 레벨(확대, 축소 정도)
};
var map = new daum.maps.Map(container, options); //지도 생성 및 객체 리턴
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addr2coord('제주특별자치도 제주시 첨단로 242', function(status, result) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result.addr[0].lat, result.addr[0].lng);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: coords
});
// 인포윈도우로 장소에 대한 설명을 표시합니다
var infowindow = new daum.maps.InfoWindow({
content: '<div style="width:150px;text-align:center;padding:6px 0;">우리회사</div>'
});
infowindow.open(map, marker);
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
$('#mapV3_X').val(result.addr[0].lat);
$('#mapV3_Y').val(result.addr[0].lng);
}else{
alert('해당 주소에 대한 검색정보가 없습니다.');
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: 'GET',
url: '/json/gmt0030_20161127.json',
success:function(data){
$('#result li').remove();
$.each(data.items,function(){
var biz_cd = this["biz_cd"];
var biz_nm = this["biz_nm"];
var biz_addr = this["addr"];
// 주소로 좌표를 검색합니다
geocoder.addr2coord(biz_addr, function(status, result) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var mapX = result.addr[0].lat;
var mapY = result.addr[0].lng;
$('#result').append("<li>"+biz_cd+"|"+biz_nm+"|"+biz_addr+"|"+mapX+"|"+mapY+"</li>");
}else{
$('#result').append("<li>"+biz_cd+"|"+biz_nm+"|"+biz_addr+"|00000000|00000000</li>");
}
});
});
},
error : function(xhr,status,error){
// 통신 실패시 실행....
// alert(xhr.status + " " + xhr.statusText);
alert("통신실패 : ["+xhr.status + " " + xhr.statusText+"]");
alert("데이터 불러오는데 실패했습니다.");
$('#result li').remove();
},
complete : function(data){
// 통신 실패했어도 최종 완료시 실행...
}
});
});
</script>
'가벼운 배움 > JQuery' 카테고리의 다른 글
ajax 비동기방식을 동기방식으로 처리하기 (0) | 2017.06.19 |
---|---|
2개이상의 class를 가지는 selector 처리 (0) | 2017.05.11 |
attr() 속성과 prop() 속성비교 (0) | 2016.09.23 |
bxslider tab focus 처리하기... (0) | 2016.08.22 |
callback함수이용하여 순차함수실행적용하기 (0) | 2016.07.25 |