• 062:vue+openlayers绘制正方形、矩形、六芒星( 代码示例 )


    本示例的目的是介绍演示如何在vue+openlayers项目中使用draw的方式画矩形、正方形、六星芒。
    直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果

    示例效果

    配置方式

    1)查看基础设置:https://xiaozhuanlan.com/topic/1378924560
    或者同样查看:https://blog.csdn.net/cuclife/article/details/126195754
    2)将上述的源代码,粘贴到src/views/Home.vue中,npm run serve 运行即可。

    示例代码

    /*
    * @Author: 大剑师兰特(xiaozhuanlan),还是大剑师兰特(CSDN)
    * @此源代码版权归大剑师兰特所有,可供学习或商业项目中借鉴,未经授权,不得重复地发表到博客、论坛,问答,git等公共空间或网站中。
    * @Email: 2909222303@qq.com
    * @First published in xiaozhuanlan.com
    * @Second published in CSDN
    * @First published time: 2022-03-08
    */