2013-03-06 80 views
0
var layout = Ext.create('Ext.panel.Panel', { 
    //renderTo: 'layout', 
    width: 500, 
    height: 500, 
    //title: 'Border Layout', //no title will be blank 
    layout: 'border', 
    items: [{ 
      xtype: 'gmappanel', 
      id : 'mygooglemap', 
      gmapType: 'map', 
      zoomLevel: 7, 
      mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'], 
      mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'], 
      setCenter: { 
       lat: 3.951941, 
       lng: 102.052002, 
      } 
     }], 
    renderTo: Ext.getBody() //get the body and display Layout at there 
}); 

我有renderto身體但仍然無法顯示任何東西?如何在jsfiddle中創建面板?

此鏈接到我的jsfiddle http://jsfiddle.net/anthor/Y4jP4/

回答

2

嬰兒學步展葉,嬰兒的步驟。

修改代碼來呈現panelhttp://jsfiddle.net/dbrin/tayua/

您選擇的ExtJS庫在小提琴,然後通過資源鏈接再次被列入該庫。相反,你需要包含CSS資源。

+0

如何與gmappanel? @dbrin – 2013-03-07 13:31:14

+1

我從來沒有用過它的先生。你還有其他問題,但至少你現在有一個很好的面板,可以從那裏拿走。叉我的小提琴,谷歌apis已經加載和gmap.js也來源。祝你好運! – dbrin 2013-03-07 19:39:23