当我添加一个标记时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);