svg数据可视化地图开发中遇到的问题总结

简介: svg数据可视化地图开发中遇到的问题总结

SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。


在项目开发中svg的功能是一个逐步了解和熟悉的过程,现就地图数据化开发做以总结:


1.代码过多:svg多个区域时,每个区域都有单独的path代码;

2.定位麻烦:插入图片和文字时,需要根据xy坐标定位,但是如果svg图片有调整时,尤其是在AI中有调整位置时,已有的定位可能全部作废。严重影响开发效率!

3.无法自适应窗口:自适应就需要改变svg的长宽,意味着坐标的自适应改变;

4.无法放大:当区域面积小,需要放大效果时,暂时无法做到;

5.区域面积无填充色:使用fill="none"时,鼠标滑过无法精准定位;

6.阴影效果:阴影只能使用高斯模糊属性,区域本身颜色SourceGraphic或黑色阴影SourceAlpha;


需要学习确认的功能:


1.svg可以做下钻地图开发;

2.svg可以和threejs结合,开发3D效果;

3.svg可以多路径动画;

4.svg可以解决自定义区域的边界轮廓,而echarts对乡镇级别以下或自定义的geojson获取难度较大;


Done!


相关文章
|
机器学习/深度学习 数据采集 数据可视化
【数据分析与可视化】SKlearn主要功能和模块概述(图文解释 简单易懂)
【数据分析与可视化】SKlearn主要功能和模块概述(图文解释 简单易懂)
555 0
|
数据可视化 定位技术
svg数据可视化地图实战笔记
svg数据可视化地图实战笔记
416 0
|
Java 关系型数据库 分布式数据库
Flink报错问题之flink-sql写hdfs报错如何解决
Flink报错通常是指在使用Apache Flink进行实时数据处理时遇到的错误和异常情况;本合集致力于收集Flink运行中的报错信息和解决策略,以便开发者及时排查和修复问题,优化Flink作业的稳定性。
|
10月前
|
机器学习/深度学习 人工智能 自然语言处理
探索AI在自然语言处理中的创新应用
本文旨在揭示人工智能技术如何革新自然语言处理领域。我们将从基础的文本分析到复杂的情感识别,逐步深入探讨AI如何提升语言理解的准确性和效率。文章将通过实际代码示例,展示AI技术在自然语言处理中的应用,并讨论其对日常生活的潜在影响。读者将获得关于AI技术在理解和生成自然语言方面的实用知识,以及如何将这些技术应用于解决现实世界问题的见解。
209 5
|
11月前
|
安全
工信部ICP备案查询指南
【10月更文挑战第12天】工信部ICP备案查询指南
2899 0
|
10月前
|
SQL 安全 关系型数据库
2024 Mysql基础与进阶操作系列之MySQL触发器详解(20)作者——LJS[你个小黑子这都还学不会嘛?你是真爱粉嘛?真是的 ~;以后请别侮辱我家鸽鸽]
MySQL触发器基础等具体操作详解步骤;精典图示-举例说明、注意点及常见报错问题所对应的解决方法IKUN和1原们你这要是学不会我直接退出江湖;好吧!!!
|
11月前
|
存储 算法 搜索推荐
数据结构--堆的深度解析
数据结构--堆的深度解析
|
C语言 C++
STM32F103C8 串口的使用
STM32F103C8 串口的使用
442 0
|
数据可视化 测试技术 定位技术
数据可视化——如何绘制地图
数据可视化——如何绘制地图