javascript - 谷歌地图标记被执行动画压扁

Question

当我添加一个标记时animation: google.maps.Animation.DROP，标记被压扁（它的宽度小于正常值），同时执行放置动画。

这仅在执行动画时发生。动画完成后，标记会恢复到正常大小。

一些澄清：这是在 Backbone.Marionette.ItemView 中执行的。

相关代码为：

// For each model add a marker
_.each(this.model.models, function (model) {
    var coordinates = model.get('coordinate'),
        position = new google.maps.LatLng(coordinates.latitude, coordinates.longitude),
        marker;
    // Don't add the same marker twice.
    if (!this.markers[model.get('id')]) {
        marker = new google.maps.Marker({
            position: position,
            title: model.get('name'),
            map: this.map
        });
        // Save the marker
        this.markers[model.get('id')] = marker;
    }
    // Extend the bounds of the map
    bounds.extend(position);
}, this);
this.map.fitBounds(bounds);