echarts使用本地json文件无法显示地图

显示什么问题？我之前遇到的就是引用echarts后地图不显示的问题。

这个问题是因为echarts3的地图的geo数据以前的中国地图是内置了，现在新版本需要自己下载的china的js或json数据，引用了之后就可以显示了。

echarts3加载map的方式和2不一样了，你必须得先注册地图才行

“`js

$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’, data)var chart = echarts.init(document.getElementById(‘map’))chart.setOption({ series: [{ type: ‘map’, map: ‘china’ }] })})

“`

类似这样,你需要下载中国的地理矢量数据geojson

根据选择的地区去加载地图数据然后给chart.setOption()改变红色字体的值就可以，红色字体是省的拼音具体查看echarts/map文件夹内文件，有js加载方式和json加载方式

$.get('map/json/china.json', function (chinaJson) {

echarts.registerMap('china', chinaJson)

var chart = echarts.init(document.getElementById('main'))

chart.setOption({

series: [{

type: 'map',

map: 'china'

}]

})

})

---