AGM 圆角 4 拖动灵敏度如此之快



我在角度 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>

这是您可以找到更多详细信息的参考链接。

参考链接

相关内容

最新更新