```
### 绘制
利用 `AMap.MouseTool` 绘制折线、弧线、多边形、矩形、圆形等 [官方示例](https://lbs.amap.com/demo/jsapi-v2/example/overlayers/overlay-draw)
> ⚠️ 注意：需要加载 `AMap.MouseTool` 插件，如果点击进入当前页面，需要 `刷新` 页面
```jsx mdx:preview
import ReactDOM from 'react-dom';
import React, { useState, useRef } from 'react';
import { Map, APILoader, MouseTool,MouseToolDrawType } from '@uiw/react-amap';
const Example = () => {
const [active, setActive] = useState(false);
const [type,setType]=useState();
const handleDraw=(type)=>{
setType(type);
setActive(true);
}
return (
<>
);
}
const Mount = () => (
);
export default Mount;
```
### Props
| 参数 | 说明 | 类型 | 默认值 |
|--------- |-------- |--------- |-------- |
| active | 是否开启编辑功能。 | `boolean` | - |
| type | 绘制类型 | `MouseToolDrawType` | - |
| drawElementOptions | 绘制元素的参数 | `AMap.PolygonOptions | AMap.PolylineOptions | AMap.MarkerOptions | AMap.CircleOptions` | {} |
| onDraw | 绘制结束的回调函数 | `(event: MouseToolDrawedEvent): void;` |
| ifClear | 鼠标操作关闭的同时清除地图上绘制的所有覆盖物对象 | `false` |
---
_Source: https://npm.io/package/@uiw/react-amap-mouse-tool · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
