【实操】Echarts 百度地图数据,地图下钻

最近项目用到了echarts 用到各省各市的地图展示

发现echarts的地图数据尽然不能用了,需要用百度的数据

找了好久,发现了Geoatlas这个神器。

分享一下链接:DataV.GeoAtlas地理小工具系列

地图下钻代码:

 myChart.on('click', function(param) {
            if (param.data && param.data.provinceKey) {
                var key = param.data.provinceKey;
                if (provinceData.length) {
                    // 遍历取到provincesText 中的下标去拿到对应的省js
                    for (var i = 0; i < provincesText.length; i++) {
                        if (param.name === provincesText[i]) {
                            mapName = provincesText[i];
                            //显示对应省的方法
                            showProvince(provinces[i], provincesText[i]);
                            break;
                        }
                    }
                }
            }
        }
// 展示对应的省
function showProvince(pName, Chinese_) {
    loadBdScript('$' + pName + 'JS', '数据路径' + pName + '.js', function() {
        initEcharts(Chinese_);
    });
}

你可能感兴趣的:(前端代码,echarts,前端,js)