MapAPI (네이버맵,야후맵,구글맵)

- Install files & The Code

지도 HTC 서비스를 위해서는 몇가지 파일이 필요합니다.
     1. [ bindings.xml ]- FireFox 용 HTC binding file
     2. [ moz-behaviors.xml ] - FireFox 용 HTC behaviors
     3. [ rainmap.htc ] - 레인맵 HTC 파일
     4. 당 서비스는 비상업용 사이트에서는 이용가능하나 상업용 사이트는 사용을 불허합니다.

Create HTC Style

<style>

.rainmap {

    behavior: url(/HTCCSS/rainmap.htc); /* for IE */

    -moz-binding: url(/HTCCSS/bindings.xml#rainmap.htc); /* for FireFox */

}

</style>

---

- Yahoo Map

야후 맵을 가져오기
     . 장점 : 검색정보가 아주 좋음, 위성 지도가 지원됨(성능은 별로)
     . 단점 : 위성 지도가 별로 선명 하지 않음, 지도 색상이 좋음(내생각)

 

Create HTML Code

    <div class="rainmap">

<m_type data='Y' ></m_type>

<m_zoom data='15' ></m_zoom>

<m_view data='1' ></m_view>

</div>

---

- Google Map

구글 맵을 가져오기

     . 장점 : 위성 사진이 선명함
     . 단점 : 한국 지도가 거의 사용이 불가함(쓸모가 없음)

 

Create HTML Code

<div class="rainmap">

<m_type data='G' ></m_type>

<m_zoom data='15' ></m_zoom>

<m_view data='1' ></m_view>

</div>

---

- Naver Map

네이버 맵을 가져오기
     . 장점 : 도로 정보가 좋음
     . 단점 : 위성 지도가 없음. 한국 지도만 지원됨

 

Create HTML Code

    <div class="rainmap">

        <m_type data='N' ></m_type>

        <m_zoom data='15' ></m_zoom>

        <m_view data='1' ></m_view>

    </div>

---

- Code Explain

기본 태그의 사용 규칙은 다음과 같습니다.
     . 구조 : <tag data='value' ></tag>
     . 주의 : <tag data='value' /> // 이런 방식은 FireFox 에서 안됨    

Create HTML Code

<div class="rainmap" style="width:500px;height:300px" > // 지도의 크기 지정

<m_type data='N' ></m_type> // 지도 API 서비스 회사 (N: 네이버, G : 구글, Y : 야후)

<m_zoom data='15' ></m_zoom> // 확대 레벨 (1 - 20)

<m_view data='1' ></m_view> // 0 : 지도, 1 : 위성지도, 2, 하이브리드 지도

<m_lat data='375559080' ></m_lat> // 위도 37.5559080 X 10000000

<m_lon data='1269706150' ></m_lon> // 경도 126.9706150 X 10000000

</div>

rainhtcMAP_API.zip