ShaohuaEchartMap 地图下钻，Echarts地图数据渲染，兼容全端

• 地图下钻
• 基于echart，如果包比较大，可去Echarts官网定制,或者使用分包。
• 重写canvas对象
• 渲染优化
• 全端兼容

安装

npm install shaohua-echartsmap

组件使用

<shaohua-echartsmap
 rheight="400" 
:datas="datas"        // 配置    
:mapName='typname'    // 地图名称
:mapJson="typjson"    // Geojson数据
ref="charts"          
mapid="shaohuaEchartsmap"  // 配置id    
:loading="loading"
></shaohua-echartsmap>

数据更新

updataList(){
	let hebei =[
		 {
			 name:'廊坊市',value:123
		 },
		 {
		 	 name:'邢台市',value:123
		 }
	]
	 this.loading=true;
	 setTimeout(()=>{ 
	 	// 模拟接口触发
	 	 this.datas=!this.showpopup?all:hebei; 
	 	 this.loading=false;
		 // 触发更新
	 	 this.$refs.charts.inits()
	 },300)
}

插件地址