OpenLayers6实战，OpenLayers实现鼠标拖拽方式绘制矩形（拖拽方式绘制长方形和正方形）

专栏目录：
OpenLayers实战进阶专栏目录

前言

本章介绍使用OpenLayers在地图上实现鼠标拖拽方式绘制矩形（拖拽方式长方形和正方形）。

OpenLayers本身是可以通过鼠标点击多个点的方式来绘制多边形的，当然也包括长方形和正方形，但是这种多边形绘制出来的图形并不是准确的“长方形”和“正方形”，多多少少都会有一些变形（形状不规则），而且也不好控制。本章就是为了解决上述问题，只需要通过鼠标拖拽方式就可以直接实时生成形状规则的“矩形”。

二、依赖和使用

"ol": "^6.15.1"

1. 使用npm安装依赖

npm install ol@6.15.1