可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是淄博市临淄区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
临淄区，隶属 山东省 淄博市，地处鲁中丘陵与鲁北平原交接地带，位于淄博市东北部，介于北纬36°37′51″～37°00′30″，东经118°06′27″～118°29′30″之间，东临青州市，西接张店区与桓台县，南与淄川区、青州市相邻，北与广饶县、博兴县接壤，全区总面积663.68平方公里，占全市总面积的11.2%。截至2014年底，临淄区辖7个镇， 5个街道。根据第七次人口普查数据，截至2020年11月1日零时，临淄区常住人口为649160人。
echarts淄博市临淄区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts淄博市临淄区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts淄博市临淄区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs淄博市临淄区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js 3D可视化
threejs淄博市临淄区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs淄博市临淄区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
淄博市临淄区 下辖有 凤凰镇,皇城镇,金山镇,雪宫街道,闻韶街道,敬仲镇,朱台镇,金岭镇,齐都镇,稷下街道,辛店街道,齐陵街道
淄博市临淄区下辖区域坐标
{"凤凰镇":[118.24376659524926,36.87254069819905],"皇城镇":[118.43211552790405,36.89577024596295],"金山镇":[118.20406724745635,36.70285473784157],"雪宫街道":[],"闻韶街道":[118.31195215192375,36.81720503052125],"敬仲镇":[118.32404419710537,36.93611529732026],"朱台镇":[118.22867626434834,36.94891171499804],"金岭镇":[118.18145760267517,36.79208595303911],"齐都镇":[118.33645103132308,36.86997451453981],"稷下街道":[118.29649542773063,36.82876271784795],"辛店街道":[118.26738031536541,36.787620610911],"齐陵街道":[]}
淄博市临淄区行政划分代码
[{"name":"凤凰镇","code":"370305109000"},{"name":"皇城镇","code":"370305102000"},{"name":"金山镇","code":"370305111000"},{"name":"雪宫街道","code":"370305002000"},{"name":"闻韶街道","code":"370305001000"},{"name":"敬仲镇","code":"370305103000"},{"name":"朱台镇","code":"370305104000"},{"name":"金岭镇","code":"370305107000"},{"name":"齐都镇","code":"370305100000"},{"name":"稷下街道","code":"370305004000"},{"name":"辛店街道","code":"370305003000"},{"name":"齐陵街道","code":"370305005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
