Question

我对Angular 5和打字稿完全陌生。我想在我的Angular组件中使用这个JS代码（http://jsbin.com/rorecuce/1/edit?html,output）所以，我尝试将它转换为这样的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]属性＆＃39; fromLatLngToPoint＆＃39;在类型＆＃39; typeof MercatorProjection＆＃39;。

上不存在

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) { ...

如何在Angular app组件中使用typescript类方法

1 个答案: