Firejune

지난 웹앱스콘 2008에 참관했다가 네이버 API 홍보 부스에서 얻은 책자가 눈에 밟혀 실험삼아 네이버 맵 API를 사용해 보았습니다. 제길... 초장부터 삽질입니다. IE가 아닌 브라우저에서 Doctype선언이 XHTML 1.1이면 정상작동하지 않습니다. 이러한 경우 아이프레임으로 처리하고 아래와 같은 사용법으로 Prototype기반 클래스를 호출하여 말끔하게 지도를 추가할 수 있도록 하였습니다. 이제 조금은 가지고 놀만 하네요.

Examples:

  new Maps('map-container', {
    type: 'naver',
    key: '6c253133aa1ff2d4882051b33b86da1f', // API Key
    point: {x: 311326, y: 547126, z: 3}, // coordinates and zoom level

    zoomwheel: true, // add whell zoom controll(default true)
    zoomslide: true, // add zoom controll(default true)
    minimap: true, // add index map controll(default true)

    // callback for customize
    callback: function(map, win) {
      win.NEvent.addListener(map, 'mouseup', function(x, y){
        if (window.console) console.log(x, y);
      });
    }
  });

Downloads:

* original - nmap.js (4.42kb)
* minified - nmap.js (3.16kb)

Updates:

* 2008.11.11 컨트롤러 옵션이 반영되지 않던 문제를 수정하였습니다.
* 2008.11.12 사파리, 구글크롬 브라우저에서 초기화 되지 않던 문제를 수정하였습니다.
* 2009.03.22 Doctype 문제가 해결되어 아이프레임을 사용하지 않습니다.
* 2009.03.22 maps.js를 사용하도록 변경하였습니다.