ext js6做地图跳转代码

以下是使用 ExtJS 6 跳转到地图的示例代码：

var mapPanel = Ext.create('Ext.panel.Panel', {
    width: 800,
    height: 600,
    layout: 'fit',
    items: [{
        xtype: 'component',
        itemId: 'map',
        autoEl: {
            tag: 'iframe',
            src: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24151.525201575796!2d-122.43583496152635!3d37.77139334027258!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808580a7fd9a7f19%3A0x2c2fca7f4f2b3b16!2sGolden+Gate+Bridge!5e0!3m2!1sen!2sus!4v1562699641646!5m2!1sen!2sus'
        }
    }]
});

var button = Ext.create('Ext.button.Button', {
    text: '跳转到地图',
    handler: function() {
        var map = mapPanel.down('#map').getEl().dom.contentWindow;
        map.location.href = 'https://www.google.com/maps/place/Golden+Gate+Bridge,+San+Francisco,+CA';
    }
});

var panel = Ext.create('Ext.panel.Panel', {
    renderTo: Ext.getBody(),
    items: [mapPanel, button]
});

在上面的示例中，我们首先创建一个 `Ext.panel.Panel`，并在其中嵌入一个 `iframe`，用于显示地图。然后，我们创建一个按钮，当用户点击该按钮时，我们获取嵌入的 `iframe` 的 `contentWindow`，并将其 `location.href` 设置为目标地址，即跳转到 Google 地图上的金门大桥页面。

注意，上述示例中的地图 URL 是我随机生成的，你需要将其替换为你自己的地图 URL。