错误类型错误：无法将属性“userCoords”设置为 null

Question

出现错误类型错误：尝试将 latlng 对象分配给变量时，无法设置属性 'userCoords' 的 null 错误

Home.page.ts 文件

 export class HomePage {
  map: GoogleMap;
  userCoords : any ;
   constructor() {

     navigator.geolocation.getCurrentPosition
     (this.geolocationSuccess,this.geolocationError,{});
    this.loadMap();
     }

 loadMap() {

    let mapOptions: GoogleMapOptions = {

           'camera' : {
          target: this.userCoords,
          zoom: 15
  },
  'preferences': {
          'zoom': {
                  'minZoom': 15,
                  'maxZoom': 18
          }
                }
        this.map = GoogleMaps.create('map_canvas', mapOptions);
      }




     geolocationSuccess  = function(position)
      {
     this.userCoords = {lat: position.coords.latitude,lng:    
   position.coords.longitude}  /////===>getting error here
      }
   geolocationError = function()
  {

   }
}

如何将值 lat 和 lng 分配给另一个变量 我必须尝试将 userCoords 定义为对象、字符串和任何

Answer 1

问题是函数是回调，“this”是当前函数上下文。使用箭头函数自动将组件“this”绑定到函数

geolocationSuccess = (position) => {
  this.userCoords = {
    lat: position.coords.latitude, lng:
      position.coords.longitude
  }
}