extjs - 以商店中的点为中心的谷歌地图 - Sencha Touch 2

Question

我在要动态设置其中心的视图中有一个带有 Google Maps 的地图组件。它位于详细信息样式的页面上，因此在加载时会将数据传递给它，因此最好在启动功能中设置中心。尝试引用地图时，我不断收到一系列未定义的错误，并且在定位 Sencha 地图组件时使用 Google Maps setCenter() 函数不起作用。我很确定使用 setCenter 是完成此任务的最佳方法，但我似乎无法定位和执行它。

对此的任何建议都会很棒，在此先感谢：

地图代码（Ext.Container 中的一项）：

       {
             xtype: 'map',
             height: 150,
             itemId: 'map',
             width: '100%',
             mapOptions : {
                zoom : 12,
                mapTypeId : google.maps.MapTypeId.ROADMAP,
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.DEFAULT
                }
             } 
        }

Answer 1

使用提供的setMapCenter方法。

您可以使用组件查询来获取对地图的引用。如果你真的不能这样得到它，给它一个id并使用Ext.getCmp(yourId)（不推荐）。

在执行此操作之前请注意地图实际上已被渲染（将您的更新逻辑放在maprender侦听器中）。

yourContainer.down('#map').setMapCenter({latitude, longitude});