![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 80
学习才能变得强大
这个作者很懒,什么都没留下…
展开
-
VUE3子组件-业务代码优化
Vue 3组件的主要优势之一就是它们可以帮助你将你的应用程序分解成可维护和可重用的部分。当你在应用程序中多次使用相同的代码时,你可以将它们抽象成一个组件,然后在应用程序中的多个地方使用该组件,而不必每次都编写相同的代码。最近写前端代码,有些功能代码可以复用,于是尝试使用子组件方式优化代码。总结主要有两个使用方向一:像方法一样调用传递参数,调用组件(打开一个可复用的复杂详情页)原创 2023-04-23 18:56:08 · 622 阅读 · 0 评论 -
Openlayers(五)点位聚合Cluster
OpenLayers 中聚合是通过 `ol.source.Cluster` 实现,聚合的原理是将距离比较近的点位合并为一个点,并计算合并后点位的属性值。在聚合源 `ol.source.Cluster` 中,当一个点被添加进来时,会检查该点与已有聚合点的距离是否在指定的聚合距离之内,如果是,则将该点加入到该聚合点中,同时更新聚合点的属性值(例如点数等)。如果该点与已有聚合点的距离都超出聚合距离,则将该点作为新的聚合点,加入到聚合源中。在渲染时,对于聚合后的点,可以根据聚合点的属性值设置不同的样式,以区原创 2023-04-09 15:48:58 · 3634 阅读 · 0 评论 -
Openlayers(三) vue3结合Geoservser加载城市边界
创建图层、数据仓库、工作空间,有两个名称中文部分是为了方便我们维护数据时候能够快捷看明白是什么数据,英文名称是为了前端使用openlayer请求的时候能够对应上。数据图层通过geoserver发布后,我们可以获取图片、JSON数据等多种方式图层信息,geoserver内置预览是以wms数据形式加载图层信息。然后点击发布,我们可以在图层预览中看到我们发布的图层信息,geoserver前端使用openlayer加载数据。图层,对点位数据转化为对外提供服务能力,转化为(图片、JSON数据等)原创 2023-03-26 19:45:11 · 1446 阅读 · 0 评论