如题,前端想实现概化图,我们前端框架 angular ,现在我能想到的就是那拿 D3 啥的改改,目前我了解到的这种概化图基本上都是 ps 制作的,请问大佬们有做过的吗?指导下,给下建议,大概实现效果如下图,最终目的是想展示概化图,也可以像 echarts 那样可以交互 https://cimg.fx361.com/images/2023/0119/2d24758f9b3801e4080ce125f4db147a79537814.webp
1
waynian 2023-09-15 10:22:05 +08:00
我现在做的 topo 编辑工具就可以画这张图,主要就是用 d3.js ,svg 元素进行拖拽,缩放,你可以搜一下 svg editor 这些在线的网页看看别人的实现,加上连线和节点以及文字的关联就可以了
|
2
liuhuihao 2023-09-15 10:31:37 +08:00
d3 svg, 另外 echarts 的地理坐标图应该亦可以。
参考 https://echarts.apache.org/examples/zh/editor.html?c=geo-organ |
3
Kason333 OP @liuhuihao 最开始我用的阿里的 X6 尝试画了下,但是后端没办法给我提供能用的坐标,偏差太大了,我们地图用 Mapbox ,转换过来没法用
|
4
dongtingyue 2023-09-15 11:02:51 +08:00
就是拓扑图,前端编辑后保存元素坐标。如果是不编辑直接展示的后端又提供不了坐标就实现不了。
|