echarts3 + 百度地图API展示自定义地图

 之前一篇echarts+百度地图API实现自定义底图后,这次测试提出了bug:地图上的点可点击,弹出地点信息。于是开始研究如何去掉底图可点的功能。上网搜索无果后,还是自己研究吧。
 首先确定这个底图是地图提供而非Echarts,所以去百度地图查看API,发现在初始化Map的时候设置一个配置即可实现:enableMapClick:boolean。但是地图初始化是在echarts中进行的,所以只能想别的方法。
 又在API中找是否有设置该功能的方法,然鹅,并没有!!

  无奈只能回头想招。因为在echarts内部初始化的百度地图,在options中也有相应的参数,拿上一篇博客的代码:

bmap: {
center: [102.84093, 24.94741],
zoom: 13,
roam: true,
//尝试在这里写属性:enableMapClick:false
mapStyle:{…}
}

  然鹅。。。依然没用。
  难道是属性名称不对,是不是echarts中改了属性名?于是github上扒代码:https://github.com/ecomfe/echarts
  找啊找啊找,终于在echarts\extension\bmap\BMapCoordSys.js的126行找到了初始化地图的代码
  这里写图片描述
  
  没办法,只能上手改这了

var bmap = bmapModel.__bmap = new BMap.Map(bmapRoot, {
enableMapClick: false
});

   下一步就是打包了。发现echarts团队特别良心,在echarts\build目录下有个build.sh的shell脚本,双击执行,即可自动打包。然后在dist目录下找到我们需要的bmap.min.js脚本,替换到项目中,妥妥的解决了问题!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值