数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理宜宾市高县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宜宾市高县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts宜宾市高县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts宜宾市高县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs宜宾市高县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js视频教程3D可视化
threejs宜宾市高县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs宜宾市高县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
宜宾市高县 下辖有 罗场镇,双河乡,可久镇,嘉乐镇,庆岭乡,四烈乡,复兴镇,潆溪乡,大窝镇,庆符镇,文江镇,月江镇,来复镇,沙河镇,羊田乡,胜天镇,落润乡,蕉村镇,趱滩乡
宜宾市高县下辖区域坐标
{"罗场镇":[104.46532900145561,28.26954077239538],"双河乡":[104.55721048000393,28.60985605428575],"可久镇":[104.4181210790941,28.35874841652285],"嘉乐镇":[104.58659855552855,28.31302190116118],"庆岭乡":[104.55479071441931,28.5200388958712],"四烈乡":[104.44679704867627,28.44364961767469],"复兴镇":[104.64278943524063,28.52545770801024],"潆溪乡":[104.46309899265111,28.5450254975634],"大窝镇":[104.63284894918802,28.59953418205999],"庆符镇":[104.52972101489235,28.43563591178669],"文江镇":[104.60797446132422,28.40348653626831],"月江镇":[104.675731287983,28.6421373793739],"来复镇":[104.55725188225365,28.56242005346462],"沙河镇":[104.7322661398557,28.57212053029185],"羊田乡":[104.45759192467006,28.2386123098403],"胜天镇":[104.76295831995603,28.68898938425509],"落润乡":[104.51030363602385,28.34150407648887],"蕉村镇":[104.57423273964875,28.24757734838246],"趱滩乡":[104.64638656301773,28.34777300877077]}
宜宾市高县行政划分代码
[{"name":"罗场镇","code":"511525105000"},{"name":"双河乡","code":""},{"name":"可久镇","code":"511525107000"},{"name":"嘉乐镇","code":"511525103000"},{"name":"庆岭乡","code":""},{"name":"四烈乡","code":""},{"name":"复兴镇","code":"511525111000"},{"name":"潆溪乡","code":""},{"name":"大窝镇","code":""},{"name":"庆符镇","code":"511525101000"},{"name":"文江镇","code":"511525100000"},{"name":"月江镇","code":"511525109000"},{"name":"来复镇","code":"511525108000"},{"name":"沙河镇","code":"511525102000"},{"name":"羊田乡","code":""},{"name":"胜天镇","code":"511525110000"},{"name":"落润乡","code":""},{"name":"蕉村镇","code":"511525106000"},{"name":"趱滩乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
