1、首先将省份和颜色的关系描述起来,写到js中。
2、然后在地图实现方法中从数据库中获取数据,然后将数据作为变量代Echarts的option中的data值。
3、在注入这些值的时候进行判断,根据不同的选择情况,从关系描述的js中获取值,看看选择条件是否在范围之内,如果是,则加上itemStyle属性。
4、然后对不同的下拉选择进行判断,当点击查询按钮的时候,将这些值传递到定义的全局变量中。
5、接着写这个地图的点击事件,其中search_map()方法是重新查询后台数据,生成地图所需要的数据,regionList是定义的变量,用来存放要选中的区域块的值。
6、最后展示效果,各个省份都用颜色设置出来了。
通过Echarts3结合百度地图,对全国省分进行着色。
由于Echarts3中,不再使用china.js文件:
学习百度地图使用方法,先用各省分着色练手。
可参考官方文档:
Echarts-百度地图省分着色