Question

我用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'
                }
            ]
        }

我已经包含了必要的谷歌地图api文件，还需要Ext.Map

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

此外，我如何访问地图对象？所以我可以调用像.getCenter()

这样的东西

Answer 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
    }
  }
}
...

Sencha触摸地图中心

1 个答案: