1. Yahoo! Maps Web Services - The Yahoo! Maps Developer APIs를 제공하는
http://developer.yahoo.com/maps/로 간다.
2. Yahoo! Maps Simple API
http://developer.yahoo.com/maps/simple/index.html 로 가서
3. get an application ID.신청
https://developer.yahoo.com/wsregapp/index.php에서 등록을 하고
*Web Application URL란은 bumjin.tistory.com 스킨수정으로 자바스크립트를 넣을 수 있기 때문(이글루 쓰고 싶은데)
등록 후 어플리케이션 아이디를 등록받았다.
Your application id is 발급받은APPLICATIOND
이제 매뉴얼을 읽자
http://developer.yahoo.com/maps/simple/V1/reference.html
Get 방식으로 발급받은 application id를 넣고, 지도가 뜨는지 우선 확인
http://api.maps.yahoo.com/Maps/V1/annotatedMaps?appid=발급받은APPLICATIOND& xmlsrc=http://developer.yahoo.com/maps/sample.xml
아래 샘플은 야후 거기에 있는 자바스크립트를 가지고 만든 것입니다.
아직 완전히 오픈된 것이 아니라서 국내것으로 문서나 샘플 예제가 없네요.
YahooMapsAPIAjax에서 몇가지 정보를 국내서비스로 세팅하여 사용하네요.
http://kr.gugi.yahoo.com/ymap/script/ymap_api.js
<HTML>
<script src="ymap_api.js"></script>
<script >
var marker = null;
function onSmartWinEvent() {
var words = "수원시청"; marker.openSmartWindow(words);
}
function init(){
var YMAPPID = "발급받은APPLICATIOND"; //js에 있는 application id를 오버라이드 (?)
ymap = new YMap(document.getElementById('mapbox')); //맵이 그려질 영역의 div
ymap.setMapType('YAHOO_MAP'); // 야후지도 일반
//ymap.setMapType('YAHOO_MAP_SAT'); // 위성지도
//ymap.setMapType('YAHOO_HYB'); // 위성지도+도로+지명
//국내법상 제한된 서비스 줌레벨이 5이하이면 위성지도나 하이브리드지도 제공안함
ymap.setZoomLevel(3); //줌 레벨
//YAHOO_MAP';YAHOO_MAP_SAT='YAHOO_SAT';YAHOO_MAP_HYB='YAHOO_HYB
//add controls
ymap.addPanControl(); //도구들
ymap.addZoomShort(); //도구들
//한글지명으로 GeoPoint 찾는법을 모르겠네요 -_-?
// ymap_api.js는 야후 거기에 있는 스크립트입니다.
// 빨리 openapi open 해주세요
//ymap.addMarker(encodeURIComponent("코엑스")); //한글처리는 encodeURIComponent로 한다는데
//define a point to start at
var mapAjax = new YahooMapsAPIAjax();
var myPoint = new YGeoPoint(37.263319524862,127.02847240671); //위도와 경도
marker = new YMarker(myPoint);
marker.addLabel("<blink>C</blink>"); //지정된 장소에 라벨을 붙이고
//center and draw map at given point
ymap.drawZoomAndCenter(myPoint, 3);
YEvent.Capture(marker, EventsList.MouseClick, onSmartWinEvent); // 지정된 장소가 클릭되면 onSmartWinEvent호출
ymap.addOverlay(marker);
}
</script>
<BODY onload='init();'>
<div id="mapbox" width="500" height="600"></div>
</BODY>
</HTML>
http://gnomebondage.com/mapquest/Yahoo%20Maps%20API%20Documentation.html#cc
http://developer.yahoo.com/maps/rest/V1/geocode.html
위도 경도 조사시 도움이 되는 사이트
http://mmap.tistory.com/entry/주소로-mmap-검색
알맵 :
하단 상태 표시줄에 표시됨.
sample5.html
