记录

刚看到这个功能时，脑海里闪过一个想法，点成线、线成面。既然是线，那肯定是由一堆点组成的，那最终的圈选的面，也是由线包围起来的。然后一顿噼里啪啦操作，当我在PC端模拟的时候发现，并没有那么丝滑，这不经让我思考如此丝滑的滑动体验是怎么实现的，难道是通过画板canvas之类的，然后通过获取绘制的圈范围再和地图经纬度重合计算。事实证明，我完全想多了，当我把它放到H5上时，发现操作起来很丝滑，绘制的线段也是平滑的，这让我醍醐灌顶。一顿测试发现PC端监听 mouseMove事件并没有移动端的touchmove事件的触发的那么频繁，像是浏览器有节流之类的操作。

首先，我使用vue3脚手架，所以在引入地图时与官方demo不太一样,通过createElement将地图API加载到页面上，并在地图加载完毕后再触发对应的地图操作。