如何使用coffeescript扩展google.maps.Map

Question

我已经尝试过标准方式：

class MyMap extends google.maps.Map
  constructor: (mapDiv, opts)->
    super(mapDiv, opts)

但是在这种情况下，占位符为空。

Answer 1

此问题是CoffeeScript制作类的方式与Google Maps Javascript API的编写/混淆/最小化方式的组合。

CoffeeScript扩展类时，将创建类似于以下内容的代码：

customnamespace.CustomMap = (function(_super) {

    // '__extends' is a method that gets output at the 
    // top of every CoffeeScript compiled file
    __extends(CustomMap, _super);

    function CustomMap(mapDiv, opts) {
        CustomMap.__super__.constructor.apply(this, arguments);
    }

    return CustomMap;

})(google.maps.Map);

在大多数情况下，尤其是在用CoffeeScript编写“扩展名”的情况下，这非常有用。

但是在google.map.Maps的情况下（我怀疑）正在进行大范围的范围操作，这有点是撤销CoffeeScript尝试设置的范围。 诚然，这是一个猜测。

因此，在这种情况下，是时候戴上旧的JavaScript帽子，并在构造函数上执行一些简单的旧范围锁定了。 因此，删除您的super并apply一行JavaScript将函数apply到类的范围中。 CoffeeScript只会挥舞，微笑并按原样输出JavaScript行。

class MyMap extends google.maps.Map
    constructor: (mapDiv, opts)->
        google.maps.Map.apply(this, [mapDiv, opts]);

说得通？