ext js6在地图上做跳转代码

对于 Ext JS 6，你可以使用 `Ext.util.History` 类来在地图上进行跳转。以下是一个简单的示例：

// 创建一个地图
var map = new ol.Map({
    target: 'map',
    layers: [
        new ol.layer.Tile({
            source: new ol.source.OSM()
        })
    ],
    view: new ol.View({
        center: ol.proj.fromLonLat([0, 0]),
        zoom: 2
    })
});

// 定义一个处理函数
function handleHistory() {
    var state = Ext.util.History.getToken();
    // 在这里根据 state 值进行相应的地图操作
    // 比如将地图中心移动到某个位置
    var center = ol.proj.fromLonLat([10, 10]);
    map.getView().setCenter(center);
}

// 监听 historychange 事件
Ext.util.History.on('change', handleHistory);

// 初始化 History
Ext.util.History.init();

// 添加一个链接，点击后会改变 History
Ext.create('Ext.Button', {
    text: 'Go to Paris',
    renderTo: Ext.getBody(),
    handler: function() {
        Ext.util.History.add('paris');
    }
});

在上面的示例中，我们定义了一个处理函数 `handleHistory()`，它会在 `Ext.util.History` 对象的 `change` 事件被触发时执行。在处理函数中，我们获取当前的 `state` 值，然后根据它进行相应的地图操作。在示例中，我们将地图中心移动到了经纬度为 [10, 10] 的位置。

然后我们通过 `Ext.util.History.init()` 方法来初始化 `Ext.util.History` 对象，这会注册我们定义的处理函数，并监听浏览器的 `popstate` 事件。

最后，我们添加了一个按钮，点击后会将 `Ext.util.History` 的状态改为 `'paris'`，从而触发 `change` 事件，执行我们定义的处理函数。在实际的应用中，你可以根据自己的需求来改变 `state` 值，从而实现地图上的跳转操作。