【实操】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_);
    });
}

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值