TISTORY 바로가기
장애 없는 사이버세상, 웹 접근성 향상 캠페인

Flex 개발자들을 위한 구글맵

인사이드Dev 2008/05/17 12:03
translate this to English (via Google)
この文を日本語で翻訳 (NAVERを通じて)
구글에서 Google Maps API for Flash 를 발표하였습니다.
꼭 집어서 Flex 개발자들이라고 표현한것이 특이하네요.
플래시 개발자들도 있고 AIR 개발자들도 있는데요~~

This API lets Flex developers embed Google Maps in Flash applications

그동안 여러 편법(?)을 통해서 구글맵을 플래시 또는 Flex 응용프로그램에
삽입하였는데 이제는 좀 더 편하게 사용이 가능하게 되었습니다.
그리고 이벤트나 데이터 처리에 있어서도 엄청난 효율성을 가져오게 되겠군요.
http://code.google.com/apis/maps/documentation/flash/index.html

작년초에 Yahoo 맵과 관련된 소개를 했었는데
때문에 대부분의 Flex 응용프로그램에서 야후맵을 많이들 사용했었죠.
아무래도 사용상의 편의때문에...
2007/03/07 - [따라해보자/Flex] - [Flex] 야후맵 따라해보기 - [1]
2007/03/13 - [따라해보자/Flex] - [Flex] 야후맵 따라해보기 - [2]
2007/03/23 - [따라해보자/Flex] - [Flex] 야후맵 따라해보기 - [3]

이제 몇몇 제약은 있지만 구글맵도 손쉽게 사용할 수 있게 되었으니
관련 콘텐츠가 필요한 경우 다양한 선택을 할 수 있겠네요.

다른 대부분의 맵 관련 API 가 마찬가지겠지만
사용에 있어서 약간의 제약이 있지요.
바로 API Key 의 사용입니다.
키를 발급받아야 사용이 가능하고
발급받을때 지정된 site URL 과 동일한 곳에서만 사용이 가능하지요.
(상업적인 경우에는 좀 다르겠지만 그부분은 잘 모르겠네요~)

키는 아래 주소에서 바로 발급받을 수 있습니다.
http://code.google.com/apis/maps/signup.html
사용자 삽입 이미지

그냥 플렉스 빌더에서 테스트만 해보고 싶으시다면 실제 사용할 URL 이 없어도 괜찮습니다.
아무 주소나 넣고 키를 받으면 바로 테스트는 가능합니다.
하지만 개발된 프로그램을 공개하고 싶다면 유효한 URL 을 입력하여야 겠죠.
빌더에서 테스트해보거나 로컬에서 실행하게 되면 아래와 같이
뻘건색으로 'DEBUG MODE' 라는 글자를 찍어주십니다. 친절하게도..~~

사용자 삽입 이미지


그리고 다른  조건에 파일을 올리게 되면 아래와 같이 메시지를 보여주게 되죠.
아래 이미지는 강제로 티스토리에 파일을 올려놓고 실행해 보았습니다.
사용자 삽입 이미지

그래서 대부분 블로그나 다른 사이트에 올리는 경우에는 IFRAME 을 많이 사용하는데
티스토리는 IFRAME 을 쓸 수 없나 보군요.ㅠㅠ
그래서 다른 주소로 링크해놓습니다.
기존 형식와 플렉스 기반의 맵이 어떻게 다른지 비교해보세요.
(별로 비교할 내용은 없습니다. ~~)

http://flex.hosting.paran.com/

구글에 소개된 메뉴얼에는
KEY 입력방식이 flashVars 를 통해서 전달하게 되어있는데요.
<param name="flashVars" value="key=ABCDEF">
그렇게 하지 않고 com.google.maps.Map 클래스내에 있는 key 를 직접 셋팅해주면 됩니다.
http://www.insideria.com/2008/05/google-releases-as3-maps-api.html

import com.google.maps.Map;
private var map:Map;
             
              public function onContinerInitialize( event:Event ):void
              {
                 map = new Map();
                 map.key = "put your api key here";

http://code.google.com/apis/maps/documentation/flash/examples/index.html
기본 API 를 사용하는 방법에 대하여는 충분한 가이드를 제공하고 있습니다.
이미 적용된 사례들도 보여주고 있구요.
이제 활용하는 것은 여러분들의 상상력을 기다리고 있습니다.


더 많은 정보를 계속 받고 싶으시다면 한RSS 를 통해 구독해보세요.한RSS에 추가
Trackback 1 : Comments 4

Trackback Address :: http://koko8829.tistory.com/trackback/394

  1. Tracked from Web2.0과 인터넷지도 2008/05/19 08:29 DELETE

    Subject: 구글맵 플래시 API(News flash: Maps now open to Flash developers)

    5월 14일자 구글 LatLong 블로그 소식입니다. 구글맵을 플래시에서 끌어 쓸 수 있는 API가 공식적으로 제공되었다는 내용입니다. 저는 솔직히 플래시가 나오기 전에 개발을 그만두었기 때문에 어떤 점이 좋아졌는지는 잘 모르겠습니다. 그런데, 예전에도 플래시를 기반으로 구글맵을 끌어오던 사이트들이 몇몇 있는 것으로 알고 있습니다. 제가 알고 있기로 flashearth(아래 그림)가 대표적이며, 우리나라의 윙버스도 이러한 방식을 채택하고 있는 걸로..
  1. 푸른하늘이 2008/05/19 08:31 Modify/Delete Reply

    감사합니다. 재미있게 읽었네요.
    아... 티스토리에 iframe을 사용할 수는 있는데... html모드에서 넣고 미리보기하면 보입니다. 다시 edit 모드로 돌아오면 iframe 코드 전체가 사라져버립니다~ <- 엄청 불편하다는... ㅠㅠ

    • 열이아빠 2008/05/19 08:56 Modify/Delete

      그렇군요. 어쩐지 미리보기하면 나오는데 다시 보려고 하면 보이지 않더라구요.ㅠㅠ
      흥미로우셨다니 감사합니다.

  2. 이찬식 2008/05/19 13:48 Modify/Delete Reply

    잘은 모르겠지만 제가 배우고 싶은 것중에 하나에요. Flex

    • 열이아빠 2008/05/20 07:33 Modify/Delete

      좋은 책들이 많이 나와있으니
      쉽게 시작하실 수 있을겁니다.
      예전처럼 메뉴얼만 보고 하는것보다는
      많이 환경이 좋아진것 같아요

Write a comment

◀ PREV : [1] : ... [41] : [42] : [43] : [44] : [45] : [46] : [47] : [48] : [49] : ... [426] : NEXT ▶