数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理乌兰察布市凉城县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
凉城县，隶属于内蒙古自治区 乌兰察布市 。位于内蒙古中南部、乌兰察布市南部，东经112°02′─113°02′、北纬40°10′─40°50′，东临丰镇市，南与山西省左云县、右玉县毗邻，北与卓资县接壤，西与呼和浩特市、和林县交界。总面积3458.3平方千米，截止至2022年11月，辖6镇2乡。根据第七次人口普查数据，截至2020年11月1日零时，凉城县常住人口为119061人。
echarts乌兰察布市凉城县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts乌兰察布市凉城县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts乌兰察布市凉城县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs乌兰察布市凉城县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs乌兰察布市凉城县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs乌兰察布市凉城县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
乌兰察布市凉城县 下辖有 岱海循环工业发展区,岱海林场,曹碾满族乡,蛮汉镇,厂汉营乡,岱海旅游区街道,天成乡,岱海镇,永兴镇,麦胡图镇,六苏木乡镇,蛮汉山林场
乌兰察布市凉城县下辖区域坐标
{"岱海循环工业发展区":[112.6637659262091,40.5241623210477],"岱海林场":[112.75803899063922,40.53122836294627],"曹碾满族乡":[112.80130372699045,40.23520290428571],"蛮汉镇":[112.23206173923809,40.66969784745266],"厂汉营乡":[112.65753446003544,40.30820060365323],"岱海旅游区街道":[112.68285932720104,40.57365223845915],"天成乡":[112.85860586440006,40.443531100069],"岱海镇":[112.51871335224845,40.55281622588605],"永兴镇":[112.22097495349996,40.48934427329824],"麦胡图镇":[112.74192969814177,40.65699008552853],"六苏木乡镇":[112.5038050572166,40.40944080562009],"蛮汉山林场":[112.29796351671735,40.64256612506886]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
