Vue+OpenLayers7入门到实战：OpenLayers实现鼠标拖拽方式绘制矩形（正方形和长方形）

本文主要是介绍Vue+OpenLayers7入门到实战：OpenLayers实现鼠标拖拽方式绘制矩形（正方形和长方形），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战

前言

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

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

二、依赖和使用

"ol": "7.5.2"

1. 使用npm安装依赖

npm install<

这篇关于Vue+OpenLayers7入门到实战：OpenLayers实现鼠标拖拽方式绘制矩形（正方形和长方形）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---