腾讯地区行政区划

今天在这里给大家分享一下用腾讯地图实现行政区划图，接下来我们从获取数据再到页面渲染进行实现。

1.首先我们要进行初始化地图

2.利用ajax来获取请求，这里我们要用到的是获取下级的行政区划(省级)，这里不明白的同学我们可以看一下官网，里面的参数请求“id”

官网地址
这里两个需要注意的地方：

• 第一个就是我们使用的返回格式，返回格式：支持JSON/JSONP，默认JSON。
• 第二个就是我们的key，小伙伴们必须使用正确的key值才能获取到数据，否则会返回callback是一串数字。

3.获取到数据之后我们就要给不同的省份添加上我们相应的颜色，这里我是用到了5种颜色来进行渲染。
- 循环遍历我们的数据，这里我是找的每一条数据的id值，这里我是利用一份js文件对没个id值对应的每一个颜色styleId,并且对应的是item.id(就是循环遍历的每一条数据的id)

注：这个时候我们能直接进行数据（经纬度串）对应渲染，在我报错之后发现数据传过来的经纬度是（纬度，经度），正常我们使用的是（经度，纬度），很简单我们利用reverse吧我们的数据调换经纬度的位置

4.最后我们直接进行渲染就ok了

小结：

1. 在获取数据时候我们一定要看清楚数据的嵌套关系，比如一个省份会分为不同块，出现飞地。这是我们一定要注意的，这里就是三维数组。
2. 这里我们也可以使用疫情图，这里我们可以找到每一个省份疫情人数，然后使用冲严重到轻的颜色来进行对应，思路是完全一样的。