GIS在线地图编辑
1.前言
在线地图编辑，其实有点说的不正确，应该叫流程图编辑。需求就是类似于流程图一样的东西，可以在线拖动和编辑，类似于 基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统 这篇文章说的，这里是一个结合了Openlayers的例子，我就是要找这样的例子，可惜没有源码。他用了HT for Web进行的开发，但是我查了相关资料，其实这个HT是不开源的，虽然你可以在管网上，直接下载ht.js文件使用，但是保不齐还有什么其他的隐藏的条款。能实现在线编辑流程图的软件还有
乐吾乐图形库
乐吾乐是一个流程图绘制工具，目前开源的是核心库，可以基于核心库开发不同上层应用。核心库只有画布，左边图形库和右边属性栏属于上层业务，每个项目的需求和产品原型可能不同，需要自己调用api文档里面的接口去实现。Graph Editor
这个是完全开源的，使用了mxGraph进行编辑。具体研究和使用方式，可以参考mxGraph入门 这篇文章，这里也介绍了几个在线的编辑器，同时还有一篇文章是 mxgraph 架构分析与 mxgraph-editor 编辑器开发 这里讲了如何实现编辑器。可视化拖拽组件库 DEMO
麻雀虽小，五脏俱全。基本上涵盖了进行可视化编辑的主要的部分内容。
参考文章:
1.可视化拖拽组件库一些技术要点原理分析 这篇文章非常值得看，一系列的文章，讲述了如何开发一个可视化拖拽的编辑器，包括：编辑器、自定义组件、拖拽、删除组件、调整图层层级、放大缩小、撤消、重做、组件属性设置、吸附、预览、保存代码、绑定事件、绑定动画、导入 PSD、手机模式
2.Le5le-Topology是什么？ 这个开源也是挺强的，乐吾乐公司出品的。Le5le-Topology是乐吾乐公司自主设计、研发的开源web绘图工具，拥有为电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等提供解决方案的可视化平台。Topology具有跨平台、高效、可扩展、实时监控、动态交互、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。
3.HT for Web 入门手册
4.数据可视化平台 [vue+webpack + node + echarts + d3实现方案] 技术栈：Vue 2.6 + Webpack 3.6 + Node + eCharts + D3
5.卡比Low Code 这里有一个根据本篇文章思路拿vue3.0+vite来开发的版本，demo:mjw-git.github.io,目前功能还较为单一，感兴趣可以看看哦
6.推荐这几个流程图设计器web开发方案 processon 推荐、亿图，开源流程设计器web开发方案：Jsplumb、Antv G6、bpmn-js、LogicFLow
7.dagre-d3绘制流程图使用指南 使用d3绘制流程图的例子。
1.可视化拖拽组件库一些技术要点原理分析 这篇文章非常值得看，一系列的文章，讲述了如何开发一个可视化拖拽的编辑器，包括：编辑器、自定义组件、拖拽、删除组件、调整图层层级、放大缩小、撤消、重做、组件属性设置、吸附、预览、保存代码、绑定事件、绑定动画、导入 PSD、手机模式
2.Le5le-Topology是什么？ 这个开源也是挺强的，乐吾乐公司出品的。Le5le-Topology是乐吾乐公司自主设计、研发的开源web绘图工具，拥有为电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等提供解决方案的可视化平台。Topology具有跨平台、高效、可扩展、实时监控、动态交互、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。
3.HT for Web 入门手册
4.数据可视化平台 [vue+webpack + node + echarts + d3实现方案] 技术栈：Vue 2.6 + Webpack 3.6 + Node + eCharts + D3
5.卡比Low Code 这里有一个根据本篇文章思路拿vue3.0+vite来开发的版本，demo:mjw-git.github.io,目前功能还较为单一，感兴趣可以看看哦
6.推荐这几个流程图设计器web开发方案 processon 推荐、亿图，开源流程设计器web开发方案：Jsplumb、Antv G6、bpmn-js、LogicFLow
7.dagre-d3绘制流程图使用指南 使用d3绘制流程图的例子。
