2

sencha-cmd で新しい sencha アプリを作成しました。私はこれに少し慣れていません。だから私は地図を作成しようとしました：

{
            title: 'Map',
            iconCls: 'locate',
            layout: 'card',
            useCurrentLocation: false,
            fullscreen: false,
            id: 'locationmap',
            mapOptions: {
                zoom: 12,
                center : new google.maps.LatLng(37.381592, -122.135672),
                navigationControl: true,
                navigationControlOptions: 
                {
                    style: google.maps.NavigationControlStyle.DEFAULT
                }
            },
            items: [
                {
                    docked: 'top',
                    xtype: 'titlebar',
                    title: 'Getting Started'
                },
                {
                    xtype: 'map'
                }
            ]
        }

必要な Google マップ API ファイルを含めました。Ext.Map

ただし、マップの中心は 37.381592、-122.135672 ではなく、他の場所を中心としています。どうすればこれを修正できますか?

さらに、マップ オブジェクトにアクセスするにはどうすればよいですか? だから私は次のようなものを呼び出すことができます.getCenter()

4

1 に答える 1

1

センタリングについてはわかりませんが、事後に次のようにすることができます。

theView.setMapCenter({latitude: 37.381592, longitude: -122.135672});

要素の取得に関しては、次のように呼び出すだけです。

theView.getMap();

これはすべて、 Sencha Touch 2 のドキュメントから来ています。参考までに。どのように機能するか興味があります。新しいアプリにマップを実装する予定です。

編集：もっと詳しく見てみると、あなたのmapOptionsパラメータはxtype: 'map'アイテムにあるべきではありませんか？

...
{
  xtype: 'map',
  useCurrentLocation: false,
  mapOptions: {
    zoom: 12,
    center : new google.maps.LatLng(37.381592, -122.135672),
    navigationControl: true,
    navigationControlOptions: 
    {
      style: google.maps.NavigationControlStyle.DEFAULT
    }
  }
}
...
于 2013-02-05T21:00:41.737 に答える