1

sencha touch 1 のアプリを sencha touch 2 にアップグレードしたところ、Google マップ以外はすべて動作するようになりました。

ST1 では、次の行を index.html に追加しました。

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

次に、これをパネルに追加しました。

            {
                xtype: 'map',
                useCurrentLocation: false,
                fullscreen: false,
                layout: 'auto',
                id: 'jobmap',
                height: 400,
                mapOptions: {
                    zoom: 12,
                    navigationControl: true,
                    navigationControlOptions: 
                    {
                        style: google.maps.NavigationControlStyle.DEFAULT
                    }
                }                    
            }

ST2 では、ドキュメントは引き続き index.html への参照を追加すると述べていますが、フォーラムも app.json を使用すると述べているようです。上記のコードを使用して両方を試しましたが、パネルには何も表示されません。その前後のコントロールは互いに隣接して表示されます。

私も試してみました：

         {
                xtype: 'map',
                useCurrentLocation: true
            }

それでも何も得られません。

何か案は？

4

1 に答える 1

3

マップを含むパネルを設定する必要がありますlayout: 'card'。

fullscreen: falseまた、 setまたはする必要はありません (またはエラーが発生する可能性がありlayout: 'auto'ます)。マップ構成から削除するだけです。

それが役に立てば幸い。

于 2012-04-18T06:09:57.523 に答える