Question

我正在查看Google Maps API MVC用法示例。见https://developers.google.com/maps/articles/mvcfun?csw=1

在第一个简单示例中，我无法理解marker.bindTo（）调用。 bindTo（）实际上是MVC对象的一个方法（参见https://developers.google.com/maps/documentation/javascript/reference#MVCObject）。 marker本身不是MVC对象，而是具有MVC对象作为其原型的对象的属性。那么这个bindTo方法如何作为标记的属性关联？

可能是我在这里缺少的基本要素！

感谢您的任何解释。

    /**
    * A distance widget that will display a circle that can be resized and will
    * provide the radius in km.
    *
    * @param {google.maps.Map} map The map on which to attach the distance widget.
    *
    * @constructor
    */
    function DistanceWidget(map) {
    this.set('map', map);
    this.set('position', map.getCenter());

    var marker = new google.maps.Marker({
    draggable: true,
    title: 'Move me!'
    });

    // Bind the marker map property to the DistanceWidget map property
    marker.bindTo('map', this);

    // Bind the marker position property to the DistanceWidget position
    // property
    marker.bindTo('position', this);
    }
    DistanceWidget.prototype = new google.maps.MVCObject();

Answer 1

可以在documentation of MVCObject：

找到说明

MVCObject构造函数保证是一个空函数，所以你可以通过编写MySubclass.prototype = new google.maps.MVCObject（）;

继承MVCObject。

此技术也将用于google.maps.Marker - 实例。

google.maps.Marker - 实例的构造函数是google.maps.MVCObject - 实例的构造函数，因此Marker将拥有MVCObject的方法

所以google.maps.Marker的实例基本上是用google.maps.Marker - prototype

的属性/方法扩展的MVCObject

Google Maps API MVC示例澄清

1 个答案: