数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理怀化市沅陵县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts怀化市沅陵县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts怀化市沅陵县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts怀化市沅陵县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs怀化市沅陵县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频课程 Three.js视频教程3D可视化
threejs怀化市沅陵县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs怀化市沅陵县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
怀化市沅陵县 下辖有 肖家桥乡,陈家滩乡,沅陵镇,北溶乡,二酉乡,清浪乡,盘古乡,荔溪乡,五强溪镇,七甲坪镇,借母溪乡,楠木铺乡,凉水井镇,大合坪乡,明溪口镇,杜家坪乡,筲箕湾镇,马底驿乡,麻溪铺镇,火场土家族乡,官庄镇
怀化市沅陵县下辖区域坐标
{"肖家桥乡":[110.6391506298715,28.60820825299312],"陈家滩乡":[110.74845164503108,28.67709423456591],"沅陵镇":[110.35355389149086,28.50400271221232],"北溶乡":[110.56278733401508,28.68653219911516],"二酉乡":[110.22781677925055,28.52370509257557],"清浪乡":[110.79617976319068,28.74080842664983],"盘古乡":[110.26687213688317,28.31861378123129],"荔溪乡":[110.46832389474027,28.23089975591086],"五强溪镇":[110.98772994927899,28.77814028535842],"七甲坪镇":[110.83313924707738,28.91846613316449],"借母溪乡":[110.45767616048207,28.76923452559282],"楠木铺乡":[110.71669677848058,28.51024154351352],"凉水井镇":[110.53763834456169,28.36419801201084],"大合坪乡":[110.62506487457229,28.84891412747139],"明溪口镇":[110.33794543237144,28.72744983358846],"杜家坪乡":[110.80811546251273,28.41425331578009],"筲箕湾镇":[110.33798057888579,28.19049517783836],"马底驿乡":[110.64824854170485,28.44554786056675],"麻溪铺镇":[110.36968723448842,28.31934784461667],"火场土家族乡":[110.56608207200328,28.92673871512825],"官庄镇":[110.91263282613482,28.59420583933904]}
怀化市沅陵县行政划分代码
[{"name":"肖家桥乡","code":"431222230000"},{"name":"陈家滩乡","code":"431222238000"},{"name":"沅陵镇","code":"431222115000"},{"name":"北溶乡","code":"431222251000"},{"name":"二酉乡","code":"431222252000"},{"name":"清浪乡","code":"431222239000"},{"name":"盘古乡","code":"431222253000"},{"name":"荔溪乡","code":"431222247000"},{"name":"五强溪镇","code":"431222105000"},{"name":"七甲坪镇","code":"431222112000"},{"name":"借母溪乡","code":"431222245000"},{"name":"楠木铺乡","code":"431222224000"},{"name":"凉水井镇","code":"431222111000"},{"name":"大合坪乡","code":"431222248000"},{"name":"明溪口镇","code":"431222110000"},{"name":"杜家坪乡","code":"431222223000"},{"name":"筲箕湾镇","code":"431222113000"},{"name":"马底驿乡","code":"431222250000"},{"name":"麻溪铺镇","code":"431222102000"},{"name":"火场土家族乡","code":"431222234000"},{"name":"官庄镇","code":"431222114000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
