有没有办法在react-google-maps中设置圆的最大和最小半径?

时间:2019-03-20 09:44:59

标签: react-google-maps

我正在使用react-google-maps圆,并且在更改圆半径时,我无法将其限制为最大和最小半径限制,任何人都可以帮助我,谢谢。下面是我的代码

<Circle
   center={this.circleCenter}
   radius={this.circleRadius}
   draggable={false}
   editable={true}
   ref={circle => { this.circle = circle; }}
   onCenterChanged={(e) => this.onRadiusChange(e)}
   onRadiusChanged={(e) => this.onRadiusChange(e)} />

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作:

<Circle
       center={this.circleCenter}
       radius={Math.min(Math.max(this.circleRadius, MIN_VALUE), MAX_VALUE)}
       draggable={false}
       editable={true}
       ref={circle => { this.circle = circle; }}
       onCenterChanged={(e) => this.onRadiusChange(e)}
       onRadiusChanged={(e) => this.onRadiusChange(e)} />