모바일/Hybrid
센차터치 구글맵 초간단 이용하기
늘근이
2015. 7. 25. 21:28
구글맵은 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해야 툴바와 같이 나타난다.