可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理楚雄彝族自治州楚雄市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts楚雄彝族自治州楚雄市geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts楚雄彝族自治州楚雄市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts楚雄彝族自治州楚雄市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs楚雄彝族自治州楚雄市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs楚雄彝族自治州楚雄市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
楚雄彝族自治州楚雄市 下辖有 东华镇,紫溪镇,苍岭镇,鹿城镇,大地基乡,大过口乡,西舍路镇,三街镇,八角镇,吕合镇,子午镇,新村镇,树苴乡,东瓜镇,中山镇
楚雄彝族自治州楚雄市下辖区域坐标
{"东华镇":[101.38177094371477,24.89173123581398],"紫溪镇":[101.3773096746346,25.013034778862],"苍岭镇":[101.70012236795083,25.04058989509859],"鹿城镇":[101.62769237171435,24.93590749765809],"大地基乡":[101.33781406806003,24.68932520527852],"大过口乡":[101.19536171560111,24.8983655900743],"西舍路镇":[101.04551557523018,24.64098539348524],"三街镇":[101.05145741412807,25.01169786902565],"八角镇":[100.96715803209962,24.89763669859284],"吕合镇":[101.40052301346958,25.20063808998831],"子午镇":[101.53065152810036,24.83503887239659],"新村镇":[101.2053967081381,24.64502978896783],"树苴乡":[100.94303565963833,25.00143682952314],"东瓜镇":[101.54446570851869,25.12639957041951],"中山镇":[101.04272612917367,24.81161203126921]}
楚雄彝族自治州楚雄市行政划分代码
[{"name":"东华镇","code":"532301105000"},{"name":"紫溪镇","code":"532301104000"},{"name":"苍岭镇","code":"532301107000"},{"name":"鹿城镇","code":"532301101000"},{"name":"大地基乡","code":"532301203000"},{"name":"大过口乡","code":"532301202000"},{"name":"西舍路镇","code":"532301112000"},{"name":"三街镇","code":"532301108000"},{"name":"八角镇","code":"532301109000"},{"name":"吕合镇","code":"532301103000"},{"name":"子午镇","code":"532301106000"},{"name":"新村镇","code":"532301111000"},{"name":"树苴乡","code":"532301201000"},{"name":"东瓜镇","code":"532301102000"},{"name":"中山镇","code":"532301110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
