今天在这里给大家分享一下用腾讯地图实现行政区划图,接下来我们从获取数据再到页面渲染进行实现。
1.首先我们要进行初始化地图
2.利用ajax来获取请求,这里我们要用到的是获取下级的行政区划(省级),这里不明白的同学我们可以看一下官网,里面的参数请求“id”
官网地址
这里两个需要注意的地方:
- 第一个就是我们使用的返回格式,返回格式:支持JSON/JSONP,默认JSON。
- 第二个就是我们的key,小伙伴们必须使用正确的key值才能获取到数据,否则会返回callback是一串数字。
3.获取到数据之后我们就要给不同的省份添加上我们相应的颜色,这里我是用到了5种颜色来进行渲染。
- 循环遍历我们的数据,这里我是找的每一条数据的id值,这里我是利用一份js文件对没个id值对应的每一个颜色styleId,并且对应的是item.id(就是循环遍历