view.animate（）无法与Angular的ngx-openlayers库一起使用

Question

嗨，我一直在使用ngx-openlayers上的view.animate（）函数，但似乎我被这个错误所困扰。我一直在寻找解决方案，但找不到。代码如下：

数据是通过广播服务提交的，它将获得该地点的坐标。

  import { Map, Overlay, proj, View } from 'openlayers';

    public instance: View;

  var st = this.broadCastService.position1.find(x => x.id === ev);
                              this.city = ev;
                              this.instance.animate({
                                center: [st.x,st.y],
                                duration: 2000
                              });

st变量将查找数据并返回此数组：

position1: Array<{ x: number; y: number; id: string; radius: number, color: string, place: string }> = [ { x: 11.5820, y: 48.1351, id: "munich", radius: 20, color: "red", place: "munich" }, { x: 13.388866, y: 52.517071, id: "berlin", radius: 40, color: "blue", place: "berlin" }, {x:9.9937, y:53.5511,id: "hamburg",radius:30, color:"green",place:"hamburg" }, ]; 我现在面对的是animate（）函数不起作用，因为出现了这个错误：

错误TypeError：无法读取未定义的属性“动画”

由于我是openlayers的新手，所以我不确定我是否获得了正确的地图实例。

希望你们能帮我这个忙。