Javascript 角度8/离子5/开放层6:Can';特征上的t中心映射

Javascript 角度8/离子5/开放层6:Can';特征上的t中心映射,javascript,angular,ionic-framework,openlayers,Javascript,Angular,Ionic Framework,Openlayers,我想在要素上居中放置OL地图。此功能由类属性引用 下面的方法实际上是在我单击用于触发居中的按钮时调用的,但是贴图没有移动 我尝试过Firefox和Brave,但没有成功。 虽然地图在FF中移动了一次,但我修改了一些内容,无法使其再次工作 这是我的代码(注释行是我也尝试过的) centerOnPosition(){ var point:point=this.positionFeature.getGeometry(); log(“Proj:,this.view.getProjection().get

我想在要素上居中放置OL地图。此功能由类属性引用

下面的方法实际上是在我单击用于触发居中的按钮时调用的,但是贴图没有移动

我尝试过Firefox和Brave,但没有成功。 虽然地图在FF中移动了一次,但我修改了一些内容,无法使其再次工作

这是我的代码(注释行是我也尝试过的)

centerOnPosition(){
var point:point=this.positionFeature.getGeometry();
log(“Proj:,this.view.getProjection().getCode());
log(“实际中心”,this.view.getCenter());
log(“以位置为中心”,point.getCoordinates());
this.view.setCenter(point.getCoordinates());
//this.view.centerOn(point.getCoordinates(),this.map.getSize(),[500500]);
//设置超时(()=>{
//this.map.updateSize();
//this.map.render();
// }, 1000);
//此.map.getView()为动画({
//中心:point.getCoordinates(),
//持续时间:1000
//  })
//this.map.updateSize();
//this.view.setCenter(fromlont(point.getCoordinates(),get(“EPSG:3857”));
//this.map.render();
}
以下是输出:

Proj: EPSG:3857 
actual center : Array [ 312807.60214986256, 5350017.244833869 ]
centering on pos : [ 6153873.7653989205, -2394513.7334693754 ]
编辑:更多信息

我怀疑坐标投影不好。我得到了我想以地理定位为中心的职位:

var geolocation=this.initGeolocation();
地理定位。setTracking(真);
初始地理位置(){
返回新地理位置({
跟踪选项:{
EnableHighAccurance:正确,
},
投影:this.view.getProjection(),
});
}

因此,问题似乎是由组件构造函数中的一段代码引起的:如果用户未经身份验证,则通过特定的路径将其转发到登录页面。 (我试图在ngOnInit和ionViewWillEnter上拨打此电话,但未成功)

我不完全明白问题出在哪里,我想第一次访问主页时的导航更改会影响地图的构建。。。我很乐意接受一个能给我更多见解的答案

下面是我现在必须评论的代码行:

if(!this.accountService.isAuthenticated()){
log(“未记录!!”);
//this.router.navigateByUrl('/menu/login');
}