V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Kason333
V2EX  ›  程序员

最近公司想做个前端概化图展示,请问有大佬做过吗?请指教

  •  1
     
  •   Kason333 · 2023-09-15 09:59:04 +08:00 · 1313 次点击
    这是一个创建于 437 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,前端想实现概化图,我们前端框架 angular ,现在我能想到的就是那拿 D3 啥的改改,目前我了解到的这种概化图基本上都是 ps 制作的,请问大佬们有做过的吗?指导下,给下建议,大概实现效果如下图,最终目的是想展示概化图,也可以像 echarts 那样可以交互 https://cimg.fx361.com/images/2023/0119/2d24758f9b3801e4080ce125f4db147a79537814.webp

    4 条回复    2023-09-15 11:02:51 +08:00
    waynian
        1
    waynian  
       2023-09-15 10:22:05 +08:00
    我现在做的 topo 编辑工具就可以画这张图,主要就是用 d3.js ,svg 元素进行拖拽,缩放,你可以搜一下 svg editor 这些在线的网页看看别人的实现,加上连线和节点以及文字的关联就可以了
    liuhuihao
        2
    liuhuihao  
       2023-09-15 10:31:37 +08:00
    d3 svg, 另外 echarts 的地理坐标图应该亦可以。
    参考 https://echarts.apache.org/examples/zh/editor.html?c=geo-organ
    Kason333
        3
    Kason333  
    OP
       2023-09-15 10:48:24 +08:00
    @liuhuihao 最开始我用的阿里的 X6 尝试画了下,但是后端没办法给我提供能用的坐标,偏差太大了,我们地图用 Mapbox ,转换过来没法用
    dongtingyue
        4
    dongtingyue  
       2023-09-15 11:02:51 +08:00
    就是拓扑图,前端编辑后保存元素坐标。如果是不编辑直接展示的后端又提供不了坐标就实现不了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5571 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 08:21 · PVG 16:21 · LAX 00:21 · JFK 03:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.