如何在Angular应用程序组件中使用Typescript类方法

Question

我是Angular 5和Typescript的新手。 我想在我的Angular组件（ http://jsbin.com/rorecuce/1/edit?html,output ）中使用此JS代码，因此，我尝试将其转换为这样的typescript类（对不起，我没有知道它是否正确，如果有人请检查并纠正我）

    class MercatorProjection {
  TILE_SIZE = 256;
  pixelOrigin_ : any;
  pixelsPerLonDegree_: any;
  pixelsPerLonRadian_: any;

  bound(value, opt_min, opt_max) {
    if (opt_min !== null) value = Math.max(value, opt_min);
    if (opt_max !== null) value = Math.min(value, opt_max);
    return value;
  }

  degreesToRadians(deg) {
    return deg * (Math.PI / 180);
  }

  radiansToDegrees(rad) {
    return rad / (Math.PI / 180);
  }

  MercatorProjection() {
    let pixelOrigin_ = new google.maps.Point(this.TILE_SIZE / 2, this.TILE_SIZE / 2);
    var pixelsPerLonDegree_ = this.TILE_SIZE / 360;
    var pixelsPerLonRadian_ = this.TILE_SIZE / (2 * Math.PI);
  }

  public fromLatLngToPoint(latLng,
    opt_point) {

      var point = opt_point || new google.maps.Point(0, 0);
      var origin = this.pixelOrigin_;

      point.x = origin.x + latLng.lng() * this.pixelsPerLonDegree_;

      var siny = this.bound(Math.sin(this.degreesToRadians(latLng.lat())), - 0.9999,
      0.9999);
      point.y = origin.y + 0.5 * Math.log((1 + siny) / (1 - siny)) * - this.pixelsPerLonRadian_;
      return point;
  }

  public fromPointToLatLng(point) {

    var origin = this.pixelOrigin_;
    var lng = (point.x - origin.x) / this.pixelsPerLonDegree_;
    var latRadians = (point.y - origin.y) / -this.pixelsPerLonRadian_;
    var lat = this.radiansToDegrees(2 * Math.atan(Math.exp(latRadians)) - Math.PI / 2);
    return new google.maps.LatLng(lat, lng);
  }
}

在我的app.component.ts内部，我有一个名为getNewRadius（）的方法，我想访问上述方法。 这就是我尝试过的。

getNewRadius(){
  var numTiles = 1 << this.map.getZoom()
  var center =this.map.getCenter();
  var moved = google.maps.geometry.spherical.computeOffset(center, 10000, 90); /*1000 meters to the right*/
  var projection = new MercatorProjection;
  var initCoord = MercatorProjection.fromLatLngToPoint(center);
  var endCoord = MercatorProjection.fromLatLngToPoint(moved);
  var initPoint = new google.maps.Point(
    initCoord.x * numTiles,
    initCoord.y * numTiles);
   var endPoint = new google.maps.Point(
    endCoord.x * numTiles,
    endCoord.y * numTiles);
  var pixelsPerMeter = (Math.abs(initPoint.x-endPoint.x))/10000.0;
  var totalPixelSize = Math.floor(this.desiredRadiusPerPointInMeters*pixelsPerMeter);
  console.log(totalPixelSize);
  return totalPixelSize;

}

但是我收到错误[ts]类型'typeof MercatorProjection'上不存在属性'fromLatLngToPoint'。

Answer 1

您的方法需要2个参数

 public fromLatLngToPoint(latLng, opt_point) ...

而你只用一个

var initCoord = MercatorProjection.fromLatLngToPoint(center);
var endCoord = MercatorProjection.fromLatLngToPoint(moved);

试试这个

用2个参数调用它

var emptyPoint = new google.maps.Point(0, 0);
var initCoord = MercatorProjection.fromLatLngToPoint(center, emptyPoint);
var endCoord = MercatorProjection.fromLatLngToPoint(moved, emptyPoint);

并在从类中调用方法时将其声明为静态

public static fromLatLngToPoint(latLng,opt_point) { ...