Question

所以我有这个代码显示地图和标记。在地图上使用点击确定地点时，标记会弹跳。例如，单击某些位置将移动标记，标记将反弹。但是，当我使用Places Autocomplete API时，如果我单击自动完成选项或按箭头键导航并按Enter键选择自动完成选项，标记将移动但动画停止。我的问题是，如何使用点击和自动完成功能使标记始终弹跳？我现在正在使用MEAN Stack，这是我的代码：

JS

/* Maps */
    $scope.latlng = [-6.178784935825187,106.82762145996094];
    $scope.zoom = '4';
    $scope.center = '0.7893, 118';
    $scope.getpos = function(event){
        $scope.latlng = [event.latLng.lat(), event.latLng.lng()];
    };

    $scope.placeChanged = function() {
        $scope.latlng = [this.getPlace().geometry.location.lat(), this.getPlace().geometry.location.lng()];
        $scope.center = [this.getPlace().geometry.location.lat(), this.getPlace().geometry.location.lng()];
        $scope.zoom = '11';
    }

Jade HTML文件

...
input.form-control(places-auto-complete, on-place-changed="placeChanged()", component-restrictions="{country:'id'}")
ng-map#map(center='{{center}}', zoom='{{zoom}}', on-click='getpos($event)' default-style='false' style='display: block; width: 100%; height: 350px;')
   marker(position='{{latlng}}', title='Hello World!', on-dragend='getpos($event)', animation='Animation.BOUNCE', draggable='true')
...

我从here得到了示例，似乎示例也遇到了同样的问题。有解决方案吗我尝试使用thr $ scope.animation设置动画属性，然后将动画属性更改为{{animation}}，但它仍然无效。

使用地点自动填充时停止标记动画

0 个答案: