我在角度 4 的 agm-map 中使用 agm-circle。它工作正常,但问题是当我拖动它时它移动得如此之快。如何放慢速度。这是我的代码
<agm-map id="map" [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
<agm-circle
[latitude]="lat" [longitude]="lng"
[circleDraggable]="true"
[editable]="true"
[fillColor]="circleColor"
(radiusChange)="radiusChange($event)"
(centerChange)="centerChange($event)"
[radius]="locationRadius"
>
</agm-circle>
</agm-map>
问题出在中心更改事件上,这使得它很快。您可以通过添加 agm-marker 事件 dragEnd 来获得 lat 和 lng 并使 markerDraggable true 以拖动标记来获得您想要的结果。下面是您可以使用的示例代码。
<agm-map
id="map"
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
[disableDefaultUI]="false"
[zoomControl]="false"
>
<agm-marker [latitude]="lat"
[markerDraggable] = "true"
(dragEnd) = "centerChange($event)"
[longitude]="lng"></agm-marker>
<agm-circle
[latitude]="lat" [longitude]="lng"
[circleDraggable]="true"
[editable]="true"
[fillColor]="circleColor"
(radiusChange)="radiusChange($event)"
[radius]="locationRadius"
(dragEnd)="centerChange($event)"
>
</agm-circle>
</agm-map>
这是您可以找到更多详细信息的参考链接。
参考链接