본문 바로가기
iPhone and Mac OSX

구글맵 API를 이용한 Static Map Development Guide

by 풍야 2010. 4. 7.


Send me an instant message!

Message:


Signature:




<Quick Example>

 




<Overview>

구글맵 API는 http를 통해 요청을 받고 이미지 파일로 리턴해준다
<img src="웹주소">를 통해 테스트 해볼 수 있다.
 

<Location Parameter>

zoom(required) : Marker를 사용하지 않을 경우 사용
           zoom level을 설정한다.
center(required) : Marker를 사용하지 않을 경우 사용
           

<Map Parameter>

size(required): Map의 크기 설정
format(optional) :  이미지 파일 포멧(ex.jpg,png,gif)
maptype(optional) : roadmap,satellite,hybrid,terrain이 있다.
mobile(optional) : 모바일 기기에서 볼 경우 설정해준다 
language(optional) : 언어설정



<Feature Parameter>

marker : 특정 위치를 찍어주는 역할을 한다
path : 두 지점 사이의 거리를 그려준다.
visible : 여러장소를 보여주게 해주는 기능이다.


<Reporting Parameter>

sensor : 자신의 위치를 보여줄경우 사용한다.


===============================================================

<Parameter Usage>

1. Address 설정

"광주과학기술원 정보통신 C동, 광주광역시, 대한민국" 일 경우

"광주과학기술원+정보통신+C동,광주광역시,대한민국"로 설정해주면 된다.


2. Zoom Level 설정

 


zoom="" 코드에서 숫자를 설정해준다. 클수록 클로즈업 되는 것을 알 수 있다.

3. Image size 설

pixel * pixel 크기이다. 512*512 처럼 이미지 크기를 pixel 단위로 설정할 수 있다.


 


4. Image format 및 Map type

이미지 포멧에는 jpg,gif,png 등이 있으며 원하는 포멧형태로 출력을 볼 수 있다.

  - roadmap : 디폴드이며 맨 위에 있는 샘플이미지가 로드맵 스타일이다.
  - satellite : 위성사진이다.
  - terrain : 리얼 이미지 사진을 출력할 수 있다.
  - hybrid : 위성 및 로드맵 사진을 합성한 복합이미지이다.

 

5. 모바일 맵
 - 모바일 맵 형태 : &mobile=true 로 설정한다.

 


6. Marker

  - markers = markerstyles | markerLocation1 | markerLocation2 .....

7. Marker 스타일

   - size, color, label





8. path style
  path=pathStyles|pathLocation1|pathLocation2|... etc.

   weight, color, fillcolor 들의 변수가 있다.

Ex.
  •  Thin blue line, 50% opacity: path=color:0x0000ff|weight:1
  •  Solid red line: path=color:0xff0000ff|weight:5
  •  Solid thick black line: path=color:0xffffffff|weight:10
  •  path=color:0x0000ff|weight:5|40.737102,-73.990318|40.749825,-73.987963|40.752946,-73.987384|40.755823,-73.986397

    자세한 사항은 아래 링크를 통해 확인하사기 바랍니다.

    9. Viewports
  • ===Boston을 중앙으로  MIT & Harvard Square in Cambridge===

    http://maps.google.com/maps/api/staticmap?center=Boston,MA
    &visible=77+Massachusetts+Ave,Cambridge,MA|Harvard+Square,Cambridge,MA&size=512x512&sensor=true_or_false

    =====================================================================================

    더 많은 정보를 원하시면

    http://code.google.com/intl/ko/apis/maps/documentation/staticmaps/

    에서 확인해보실 수 있습니다.