一种基于HTML5的电力图形展示方法及应用系统与流程

一种基于html5的电力图形展示方法及应用系统
技术领域
1.本发明涉及配网自动化技术领域，尤其涉及一种基于html5的电力图形展示方法及方法。


背景技术：

2.cim/g是基于xml定义的图形文件格式，用于描述基于cim模型的电力图形对象，发展应用于电力系统的一种新型的图形描述语言规范。由于svg的公共图形交换格式无法直接表达电力系统图形和模型一体化，g语言以图形方式表达电力设备和电网的相关信息，支持图形数据的高效传输，支持不同系统间的电力图形模型关联数据的交换。当前各大厂商的调度图形全部基于cim/g规范，各厂商的图形渲染技术全部基于qt技术实现。作为c/s模式开发，qt具有跨平台、面向对象、支持矢量、丰富api等优点，但是作为b/s模式开发，qt技术无法实现浏览器渲染，所以基于qt技术渲染cim/g文件存在不足，仍有基于web渲染电力系统图形的需求。而今adobe公司已于2020年停止flash更新，因此基于flex技术实现的基于web渲染电力系统图形，已经无法得到技术支持，安全性不能保证。本发明针对cim/g电力图形在web上渲染的迫切性，与flex技术已被淘汰的背景下，提出了一种基于html5技术的cim/g电力图形展示方法及应用系统。


技术实现要素：

3.本发明的目的是提供一种基于html5的电力图形展示方法及应用系统，利用javascript解析cim/g定义文件，存储电力图形基本元素；解析cim/g图形文件，并利用基于html5开发的开源maptalks引擎生成电力图形对象，展示电力图形。
4.本发明提供了一种基于html5的电力图形展示方法，包括：
5.配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；
6.加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；
7.根据所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；
8.加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型；
9.根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；
10.将所述实例依次加载到对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。
11.作为优选地，所述生成maptalks库的中心类map，在容器上创建映射包括：
12.对容器进行初始化，初始化的内容包括中心点坐标pcenter＝(x，y)、初始缩放等
级z、最大缩放层级zmax、最小缩放层级zmin。
13.作为优选地，所述在所述中心类map上创建所需的设备图层layer类进一步包括：
14.分别建立设备图层和连线图层，得到当前图层在浏览器绘制界面的可视区域的宽度和高度。
15.作为优选地，所述加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库包括：
16.通过解析获取预设标签所声明的n个设备图元定义组成的定义集合m，定义集合m为：
17.m＝{m1ꢀ…ꢀmn
}，
18.其中，mn(n＝1，2，
…
，n)表示定义文件的第n个设备图元定义信息，包含如下属性：设备标签t
def_equip
、设备位置p
def_equip
＝(x，y)、设备宽度：w
def_equip
和设备高度：h
def_equip
。
19.作为优选地，所述定义文件中，组成设备图元mn的元素均为g的基本图形元素，由k个图形元素所组成的设备图元被定义为元素集合a，元素集合a为：
20.a＝{a1ꢀ…ꢀak
}，
21.其中，表示设备图元的第k个组成元素，每个组成元素ak解析得到如下属性：元素类型：t
def_shape
、元素位置：p
def_shape
＝(x，y)、元素宽度：w
def_shape
和元素高度：h
def_shape
。
22.作为优选地，所述图形页面属性包括位置p
viewbox
＝(x，y)、图形页面宽度w
viewbox
、图形页面高度h
viewbox
和整体背景颜色c
viewbox
。
23.作为优选地，所述cim/g图形文件中，m个设备属性信息组成的设备属性集合r为：
24.r＝{r1ꢀ…ꢀrm
}，
25.其中，rm(m＝1，2，
…
，m)表示cim/g图形文件的第m个设备信息，包括如下属性：设备类型t
equip
、唯一标识id
equip
、位置p
equip
＝(x，y)、宽度w
equip
、高度h
equip
。
26.作为优选地，所述根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性包括：
27.根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：
28.p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，
29.p
loc
.y＝p
equip
.y+p
def_equip
.y+p
def_shape
.y，
30.根据图形位置p
loc
计算得到容器位置p
container
：
[0031][0032][0033]
使用maptalks库中的预设的坐标转换法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；
[0034]
根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：
[0035]
[0036][0037]
根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；
[0038]
根据所述设备元素集合q，并运用maptalks库的gc图形集合法生成设备图形实例。
[0039]
本发明的目的还提供了一种基于html5的电力图形展示的应用系统，包括：
[0040]
初始化模块，用于配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；
[0041]
第一解析模块，用于加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；根据所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；
[0042]
第二解析模块，用于加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型；
[0043]
实例绘制模块，用于根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；
[0044]
渲染模块，用于将所述实例依次加载到对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。
[0045]
作为优选地，所述实例绘制模块包括：
[0046]
根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：
[0047]
p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，
[0048]
p
loc
.y＝p
equip
.y+p
def_equip
.y+p
def_shape
.y，
[0049]
根据图形位置p
loc
计算得到容器位置p
container
：
[0050][0051][0052]
使用maptalks库中的预设的坐标转换法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；
[0053]
根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：
[0054][0055][0056]
根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；
[0057]
根据所述设备元素集合q，并运用maptalks库的gc图形集合法生成设备图形实例。
[0058]
与现有技术相比，本发明的有益效果如下：
[0059]
本发明中的基于html5的电力图形展示方法及应用系统，利用javascript解析cim/g定义文件，存储电力图形基本元素；解析cim/g图形文件，并利用基于html5开发的开源maptalks引擎生成电力图形对象，展示电力图形。
附图说明
[0060]
图1是本发明实施例中基于html5的电力图形展示方法的流程示意图；
[0061]
图2是本发明实施例中基于html5的电力图形展示的应用系统原理图。
具体实施方式
[0062]
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0063]
其次，此处所称的“一个实施例”或“实施例”是指可包含于本发明至少一个实现方式中的特定特征、结构或特性。在本说明书中不同地方出现的“在一个实施例中”并非均指同一个实施例，也不是单独的或选择性的与其他实施例互相排斥的实施例。
[0064]
如图1所示，本发明提供了本发明提供了一种基于html5的电力图形展示方法，即利用html5技术解析cim/g文件，将电网cim/g中的电力设备、属性及拓扑关系清晰准确的转化为电力系统画面，包括：
[0065]
s1：配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；
[0066]
s2：运用javascript加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；获取定义文件中的图元库存储预定义的公共电气图元信息
[0067]
s3：根据s2获得的所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；
[0068]
s4：运用javascript加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型、唯一标志id、位置、绘图属性等；
[0069]
s5：根据s4获取的所述设备类型获取对应的gc类，创建对应的gc类的实例，根据s4获取的所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；
[0070]
s6：将s5生成的所述实例依次加载到s1生成的对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。
[0071]
按照上述过程具体实施步骤如下：
[0072]
1)首先安装maptalks库。
[0073]
然后，生成maptalks库的中心类map并对容器进行初始化，初始化的内容包括中心点坐标pcenter＝(x，y)、初始缩放等级z、最大缩放层级zmax、最小缩放层级zmin。
[0074]
其次，所述在所述中心类map上创建所需的设备图层layer类，分别为设备图层baselayer、连线图层linelayer，得到当前图层在浏览器绘制界面的可视区域的宽度和高
度。
[0075]
2)运用javascript加载定义文件，通过解析获取《defs》标签所声明的n个设备图元定义组成的定义集合m，定义集合m为：
[0076]
m＝{m1ꢀ…ꢀmn
}，
[0077]
其中，mn(n＝1，2，
…
，n)表示定义文件的第n个设备图元定义信息，包含如下属性：设备标签t
def_equip
、设备位置p
def_equip
＝(x，y)、设备宽度：w
def_equip
和设备高度：h
def_equip
。
[0078]
具体地，所述定义文件中，组成设备图元mn的元素均为g的基本图形元素，由k个图形元素所组成的设备图元被定义为元素集合a，元素集合a为：
[0079]
a＝{a1ꢀ…ꢀak
}，
[0080]
其中，表示设备图元的第k个组成元素，每个组成元素ak解析得到如下属性：元素类型：t
def_shape
、元素位置：p
def_shape
＝(x，y)、元素宽度：w
sef_shape
和元素高度：h
def_shape
，得到公共电气图元库，保存到内存中。
[0081]
3)根据公共电气图元库，分别获取设备图元定义并运用maptalks引擎生成各自的geometrycollection类(以下简称gc)进行存储，得到标准设备模型库。
[0082]
4)运用javascript加载并解析cim/g图形文件，获取《g》标签所声明的图形页面属性和m个设备的属性。其中：
[0083]
所述图形页面属性包括位置p
viewbox
＝(x，y)、图形页面宽度w
viewbox
、图形页面高度h
viewbox
和整体背景颜色c
viewbox
。
[0084]
具体地，所述cim/g图形文件中，m个设备属性信息组成的设备属性集合r为：
[0085]
r＝{r1ꢀ…ꢀrm
}，
[0086]
其中，rm(m＝1，2，
…
，m)表示cim/g图形文件的第m个设备信息，包括如下属性：设备类型t
equip
、唯一标识id
equip
、位置p
equip
＝(x，y)、宽度w
equip
、高度h
equip
。
[0087]
5)遍历集合r，依次根据设备类型t
equip
获取步骤3中标准设备模型库对应的gc类，创建对应的gc类的实例；通过集合r中设备属性通过计算赋值到创建的实例上，设置gc类属性，其中：
[0088]
首先，根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：
[0089]
p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，
[0090]
p
loc
.y＝p
equip
.y+p
def_equip
.y+p
dei_shape
.y，
[0091]
然后，根据图形位置p
loc
计算得到容器位置p
container
：
[0092][0093][0094]
其次，使用maptalks库中的预设的坐标转换法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；该预设的坐标转换法可以是maptalks库中的containerpointtocoordeinate()方法。
[0095]
根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：
[0096][0097][0098]
根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；
[0099]
根据所述设备元素集合q，并运用maptalks库的gc图形集合法即geometrycollection方法生成设备图形实例。
[0100]
6)将步骤5生成的设备图形实例依次加载到步骤1生成的对应层级layer上，至此成功渲染cim/g文件表示的配电网图形。
[0101]
实施例二
[0102]
如图2所示，基于相同的构思，本发明的目的还提供了一种基于html5的电力图形展示的应用系统，包括：
[0103]
初始化模块，用于配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；
[0104]
第一解析模块，用于加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；根据所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；
[0105]
第二解析模块，用于加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型；
[0106]
实例绘制模块，用于根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；
[0107]
渲染模块，用于将所述实例依次加载到对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。
[0108]
进一步地，所述实例绘制模块包括：
[0109]
根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：
[0110]
p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，
[0111]
p
loc
.y＝p
equip
.y+p
def_equip
.y+p
def_shape
.y，
[0112]
根据图形位置p
loc
计算得到容器位置p
container
：
[0113][0114][0115]
使用maptalks库中的预设的坐标转换法即containerpointtocoordeinate()方法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；
[0116]
根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：
[0117][0118][0119]
根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；
[0120]
根据所述设备元素集合q，并运用maptalks库的gc图形集合法即geometrycollection方法生成设备图形实例。
[0121]
其他对于本发明提供的一种基于html5的电力图形展示的应用系统的原理方法请参照上述方法实施例，本发明实施例在此不再赘述。
[0122]
还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0123]
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

技术特征：
1.一种基于html5的电力图形展示方法，其特征在于，包括：配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；根据所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型；根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；将所述实例依次加载到对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。2.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述生成maptalks库的中心类map，在容器上创建映射包括：对容器进行初始化，初始化的内容包括中心点坐标pcenter＝(x，y)、初始缩放等级z、最大缩放层级zmax、最小缩放层级zmin。3.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述，所述在所述中心类map上创建所需的设备图层layer类进一步包括：分别建立设备图层和连线图层，得到当前图层在浏览器绘制界面的可视区域的宽度和高度。4.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库包括：通过解析获取预设标签所声明的n个设备图元定义组成的定义集合m，定义集合m为：m＝{m1…
m
n
}，其中，m
n
(n＝1，2，
…
，m)表示定义文件的第n个设备图元定义信息，包含如下属性：设备标签t
def_equip
、设备位置p
def_equip
＝(x，y)、设备宽度：w
def_equip
和设备高度：h
def_equip
。5.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述定义文件中，组成设备图元m
n
的元素均为g的基本图形元素，由k个图形元素所组成的设备图元被定义为元素集合a，元素集合a为：a{a1…
a
k
}，其中，表示设备图元的第k个组成元素，每个组成元素a
k
解析得到如下属性：元素类型：t
def_shape
、元素位置：p
def_shape
＝(x，y)、元素宽度：w
def_shape
和元素高度：h
def_shape
。6.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述图形页面属性包括位置p
viewbox
＝(x，y)、图形页面宽度w
viewbox
、图形页面高度h
viewbox
和整体背景颜色c
viewbox
。7.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述cim/g图形文件中，m个设备属性信息组成的设备属性集合r为：
r＝{r1…
r
m
}，其中，r
m
(m＝1，2，
…
，m)表示cim/g图形文件的第m个设备信息，包括如下属性：设备类型t
equip
、唯一标识id
equip
、位置p
equip
＝(x，y)、宽度w
equip
、高度h
equip
。8.如权利要求1所述的基于html5的电力图形展示方法，其特征在于，所述根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性包括：根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，p
loc
.y＝p
equip
.y+p
def_equip
.y+p
def_shape
.y，根据图形位置p
loc
计算得到容器位置p
container
：：使用maptalks库中的预设的坐标转换法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：：根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；根据所述设备元素集合q，并运用maptalks库的gc图形集合法生成设备图形实例。9.一种基于html5的电力图形展示的应用系统，其特征在于，包括：初始化模块，用于配置maptalks库，生成maptalks库的中心类map，在容器上创建映射，在所述中心类map上创建所需的设备图层layer类；第一解析模块，用于加载并解析cim/g定义文件，获取所述定义文件中标签预定义的设备图元定义信息并存储，得到公共电气图元库；根据所述公共电气图元库，分别获取对应的设备图元定义并运用maptalks引擎生成各自的gc类进行存储，得到标准设备模型库；第二解析模块，用于加载并解析cim/g图形文件，获取对应的图形页面属性和对应的设备属性，所述设备属性至少包括设备类型；实例绘制模块，用于根据所述设备类型获取对应的gc类，创建对应的gc类的实例，根据所述设备属性通过计算赋值到创建的实例上，并设置gc类的属性；渲染模块，用于将所述实例依次加载到对应层级layer上，对cim/g文件表示的配电网图形进行渲染得到渲染后的展示图形。
10.如权利要求9所述的基于html5的电力图形展示的应用系统，其特征在于，所述实例绘制模块包括：根据标准设备模型库中对应的设备属性与从cim/g文件中获取的对应设备的属性得到元素的图形位置p
loc
：p
loc
.x＝p
equip
.x+p
def_equip
.x+p
def_shape
.x，p
loc
.y＝p
equip
.y+p
def_equip
.y+p
def_shape
.y，根据图形位置p
loc
计算得到容器位置p
container
：：使用maptalks库中的预设的坐标转换法，使容器位置p
container
转变为坐标位置p
coord
，得到设备元素的位置p
coord
；根据标准设备模型库中该设备的宽高属性和cim/g文件中图形宽高属性计算得出设备元素宽w
coord
和高h
coord
：：根据上述计算得出的设备元素位置p
coord
和设备元素宽w
coord
、高h
coord
，使用maptalks库生成设备元素集合q；根据所述设备元素集合q，并运用maptalks库的gc图形集合法生成设备图形实例。

技术总结
本发明公开了一种基于HTML5的电力图形展示方法及应用系统，包括：基于HTML5的电力图形展示方法，包括：配置Maptalks库，生成Maptalks库的中心类Map，在所述中心类Map上创建所需的设备图层Layer类；加载并解析CIM/G定义文件，获取所述定义文件中的设备图元定义信息，得到公共电气图元库；运用Maptalks引擎生成各自的GC类，得到标准设备模型库；加载并解析CIM/G图形文件，获取对应的图形页面属性和设备属性；创建对应的GC类的实例，根据所述设备属性通过计算赋值到创建的实例上；将所述实例依次加载到对应层级Layer上，对CIM/G文件表示的配电网图形进行渲染。利用JavaScript解析CIM/G定义文件，存储电力图形基本元素；解析CIM/G图形文件，并利用基于HTML5开发的开源Maptalks引擎生成电力图形对象，展示电力图形。展示电力图形。展示电力图形。


技术研发人员：莫宇 王丰 王科龙 凌万水
受保护的技术使用者：上海金智晟东电力科技有限公司
技术研发日：2023.06.12
技术公布日：2023/10/19