// 用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: [经度纬度] // 设置地图的中心点的坐标
}
vue 使用echarts(地图)
最新推荐文章于 2025-04-24 10:33:07 发布