vue实现openlayer地图上叠加echarts饼状图_openlayers+vue如何实现类似天地图专题图层的地图上加饼状图是如何实现的的工鞥

知识点：1、需要使用openlayer的Overlay属性和方法。
2、地图上叠加饼状图类似在地图上叠加div，原理一样；唯一的区别echarts会存在节点渲染好后再往节点添加要素。
3、第一步根据后台返回的数据的条数，在地图上循环出div作为容器；在使用this.$nextTick(function(){})把饼状图添加到节点中；或者采用axios的then()方法，把节点添加到地图后再添加echarts元素。
先上图：

代码实现：

//将对象转化为节点的函数
 parseDom(arg) {
   
                var objE = document.createElement("div");
                objE.innerHTML = arg;
                return objE.childNodes;
            },
//再methods中添加一个实现饼状图的方法
initPie(){
   
                let self=this;
                let data=
1
2
3
4
5
6
7
8
9
10
11