煎茶触摸地图中心答案

【问题标题】：Sencha touch map center煎茶触摸地图中心
【发布时间】：2013-02-05 20:03:15
【问题描述】：

我用 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 maps api 文件，并且还需要 Ext.Map

但是，地图不是以 37.381592、-122.135672 为中心，而是以其他地方为中心。我该如何解决这个问题？

此外，我如何访问地图对象？所以我可以打电话给.getCenter()

【问题讨论】：

标签： google-maps sencha-touch-2

【解决方案1】：

不确定居中，但事后您可以这样做：

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

至于获取元素，可以直接调用：

theView.getMap();

这一切都来自Sencha Touch 2 docs，仅供参考。我很想看看它是如何工作的，我很快就会在我的新应用中实现地图。

编辑：仔细看，你的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
    }
  }
}
...

【讨论】：