google-maps - 地图集成不起作用

Question

在我的 sencha 应用程序中，当我尝试显示地图时，它不起作用，我用谷歌搜索了很多东西，没有任何帮助。这是我的代码，

  var mapapnel = Ext.create('Ext.Panel', {
                          id: 'mapapnel',
                          fullscreen: true,
                          layout:'fit',
                          items: [{
                                    xtype: 'panel',
                                    height:'100px',
                                    html:'<div><script>function initialize(){ 
                                          var mapProp = {
                                               center:new google.maps.LatLng(51.508742,-0.120850),zoom:5,  
                                               mapTypeId:google.maps.MapTypeId.ROADMAP  
                                                        };
                                        var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);  
                                               }
                                        google.maps.event.addDomListener(window, \'load\', initialize);  
                                                                                            </script></div>'
                                   }]});

我的代码有什么问题，显示地图需要什么更改？

Answer 1

您看过Sencha Touch 地图示例吗？我假设这就是你所追求的。

如果我不得不猜测为什么您的代码“不起作用”，我猜这是因为您尝试将带有代码的 SCRIPT 标记直接内联到子面板中。