• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Kason333
V2EX  ›  程序员

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

  •  1
     
  •   Kason333 · Sep 15, 2023 · 2589 views
    This topic created in 1151 days ago, the information mentioned may be changed or developed.

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

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