摘要: 适用场景: 需要在地图上展示很多种数据,这些数据使用的图标形状是有限的几种,但颜色可能由后台自由配置后传给前端。 数据种类可能会变化,颜色可能会变化,这种情况下让设计同事切一堆图反而不方便维护,使用动态加载图标可以一定程度上节省前端的后期工作。 前端框架是vue3+vite,其他框架能否实现未验证。 阅读全文
posted @ 2023-04-12 13:53 宇宙野牛 阅读(511) 评论(0) 推荐(0) 编辑
摘要: 首先需要以组件形式使用svg,请先看这篇文章:vite中加载使用svg 可能是跟原博主使用的svg格式不同,用:style="{ color: color }"修改颜色不生效,因此做了一点修改,此修改适用的svg如下: 在iconfont官网收藏下载的svg格式图标,打开文件删除其中的fill=xx 阅读全文
posted @ 2023-04-12 11:35 宇宙野牛 阅读(2520) 评论(0) 推荐(0) 编辑
摘要: mapbox-gl-draw官网给出的扩展模式终于无法满足需求,需要diy了。 因为是diy,所以不存在前文说的commonjs打包报错的问题,呵呵。 前文:Mapboxgl draw 自定义标绘:圆、矩形、自由多边形、上传读取geojson (有的概念可能会接续前文不做解释) 参考链接 自定义MO 阅读全文
posted @ 2023-04-12 10:40 宇宙野牛 阅读(2455) 评论(3) 推荐(0) 编辑