vue 使用echarts(地图)

// 用vue的话就用Axios请求获取数据
$.get('放置地图JSON文件的位置',function(res){
	echarts.registerMap('地图自定义名称',res)	
})
echarts.registerMap('地图自定义名称',要显示地方的JSON数据)
// 地图是在 geo {} 里面进行配置
geo {
	type:'map',
	map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致
	roam:true // 设置允许缩放以及拖动的效果
	label:{
            normal:{
                show:true,//显示省市标签
                textStyle:{color:"#222"} // 普通状态下的标签文字样式
            },
            emphasis:{
              show:true,//显示省市标签
              textStyle:{color:"#222"}  // 高亮状态下的标签文字样式
          }
          },
          itemStyle: {
            normal: { // 普通状态下的地图样式
              areaColor: '#eeeeee',
              borderColor: '#666'
            },
            emphasis: { // 高亮状态下的地图样式
              areaColor: '#FFD89B'
            }
          }
	zoom: 1 // 设置初始化的缩放比例
	center: [经度纬度] // 设置地图的中心点的坐标
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值