使用echarts绘制行政地图示例

asyncinitMap(){constdom=document.getElementById('广州地图');constmyChart=this.$echarts.init(dom);this.$echarts.registerMap('广州',广州);我的图表。setOption({tooltip:{trigger:'item',formatter:function(params){//console.log(params,'params');varres=params.data[3]+':'+params.data[2];returnres;}},//visualMap:{////show:false,//min:1,//max:1,//inRange:{//color:['rgba(6,43),78,0.9)']//}//},geo:{map:'GZ',roam:true,//允许缩放zoom:2,scaleLimit:{min:1},label:{normal:{//地图显示文字样式（xx区域）show:true,areaColor:'#ffefd5',textStyle:{color:"rgb(0,255,255)"}},emphasis:{//地图显示文字样式（鼠标悬停时）)show:true,textStyle:{color:"#fff"}}},itemStyle:{normal:{//地图省市各个区域块的样式show:true,areaColor:'transparent',borderColor:'blue',//边界线颜色},emphasis:{//地图省市（鼠标经过时）每个独立块的样式show:true,areaColor:'rgb(0,255,255,0.2)'}},//默认选中的区域regions:[{name:'番禺区',selected:true}]},series:[{type:'scatter',//水滴名称:'广州',coordinateSystem:'geo',//color:"rgb(0,255,255)",//水滴颜色symbolSize:15,//水滴大小label:{normal:{//水滴文字样式显示：true，偏移量：[10，-15]，格式化程序：函数（params）{//console.log（params，'paramssss'）;返回参数.data[2];}},},data:this.convertData([{name:'从化区',value:10},{name:'花都区',value:20},{name:'白云区',value:30},{name:'增城区',value:40},{name:'天河区',value:50},{name:'黄浦区',value:60},{name:'越秀区',value:70},{name:'荔湾区',value:80},{name:'海珠区',value:90},{name:'番禺区',value:'里人洞村'},{name:'南沙区',value:36}])}]})//myChart.dispatchAction({//type:'highlight',////使用dataIndex定位节点。//dataIndex:9//});myChart.on('click',(e)=>{console.log(e)this.goProject();})},convertData(data){letgeoCoordMap={"番禺区":[113.380238,23.00326]};VArres=[];对于(vari=0;i