센차터치 구글맵 초간단 이용하기

구글맵은 Ext.Map 타입으로 기본 제공되고 있다.

먼저 index.html 에 다음의 소스를 넣는다.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

그리고, xtype의 map을 하나 추가한다.

       

 var map = {

            xtype: 'map',

 }

이제 이걸 매달아 주면 된다. 

this.add([toolbar, map])

여기서 this는 Ext.Panel을 상속받은 아무 View이다.

다만 여기까지 해서는 아무런 지도의 반응이 없는데, 이게 빠졌을 가능성이 있다.

    config: {

        styleHtmlContent: true,

        layout: 'fit',

        fullscreen: true,

    },//end config

layout은 꼭 fit해야 툴바와 같이 나타난다.