可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是宿迁市沭阳县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宿迁市沭阳县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宿迁市沭阳县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts宿迁市沭阳县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs宿迁市沭阳县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs教程视频 WebGL前端3D可视化教程
threejs宿迁市沭阳县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
宿迁市沭阳县 下辖有 万匹乡,吴集镇,刘集镇,华冲镇,周集乡,张圩乡,塘沟镇,官墩乡,庙头镇,悦来镇,新河镇,扎下镇,汤涧镇,李恒镇,贤官镇,桑墟镇,沂涛镇,湖东镇,颜集镇,潼阳镇,耿圩镇,沭阳经济开发区,胡集镇,茆圩乡,西圩乡,钱集镇,陇集镇,韩山镇,马厂镇,高墟镇,龙庙镇,七雄街道,东小店乡,北丁集乡,十字街道,南湖街道,梦溪街道,沭城街道,章集街道,青伊湖镇,青伊湖农场
宿迁市沭阳县下辖区域坐标
{"万匹乡":[118.82301886374613,34.25637090342597],"吴集镇":[119.05641256270526,34.21323347740065],"刘集镇":[118.6255262991452,33.99182697492148],"华冲镇":[118.90159858326291,34.2742031107818],"周集乡":[119.03629765317426,33.99690506577792],"张圩乡":[119.0002258805034,33.9306070553603],"塘沟镇":[118.96207718470805,33.99640343369597],"官墩乡":[118.90292567151934,34.20939558663],"庙头镇":[118.70317905050577,34.22770062525317],"悦来镇":[118.59264791167891,34.08838175901175],"新河镇":[118.652324273695,34.183123557736],"扎下镇":[118.75009978628948,34.17525930270187],"汤涧镇":[118.98798883629507,34.14011197931335],"李恒镇":[119.0810398472668,34.14895740912903],"贤官镇":[118.76659896728574,34.25121517416073],"桑墟镇":[118.80222749656483,34.32253741810856],"沂涛镇":[119.10923109522562,34.07529277112344],"湖东镇":[118.97209378884465,34.31047917028732],"颜集镇":[118.57574983653797,34.16310132038211],"潼阳镇":[118.6153035267446,34.25547863886618],"耿圩镇":[118.67822088861672,34.10691071161013],"沭阳经济开发区":[118.80432876620526,34.13366126435331],"胡集镇":[118.8366144256606,33.98286143971926],"茆圩乡":[118.68655521297396,34.31250771827843],"西圩乡":[119.04822450830636,34.285652664561],"钱集镇":[118.92121728504937,33.9250898829503],"陇集镇":[118.64997582403043,34.03863073977811],"韩山镇":[118.96292708479498,34.21451682329918],"马厂镇":[119.01603423382561,34.06421455351683],"高墟镇":[119.01224490712914,34.35910917353585],"龙庙镇":[118.83682918042436,34.19189961935196],"七雄街道":[118.9106519963634,34.131828763586],"东小店乡":[118.91101448366257,34.03613586497003],"北丁集乡":[118.72840742169086,34.01614812964112],"十字街道":[118.79199461136122,34.0390025624209],"南湖街道":[118.75243232326858,34.08312078624691],"梦溪街道":[118.84231542607745,34.11118163345694],"沭城街道":[118.7940284856511,34.11596697633765],"章集街道":[118.89448295001228,34.0818381922181],"青伊湖镇":[118.89522405182171,34.33325407555195],"青伊湖农场":[118.97925804739961,34.35638991834911]}
宿迁市沭阳县行政划分代码
[{"name":"万匹乡","code":""},{"name":"吴集镇","code":"321322126000"},{"name":"刘集镇","code":"321322112000"},{"name":"华冲镇","code":"321322109000"},{"name":"周集乡","code":""},{"name":"张圩乡","code":""},{"name":"塘沟镇","code":"321322104000"},{"name":"官墩乡","code":""},{"name":"庙头镇","code":"321322107000"},{"name":"悦来镇","code":"321322111000"},{"name":"新河镇","code":"321322124000"},{"name":"扎下镇","code":"321322115000"},{"name":"汤涧镇","code":""},{"name":"李恒镇","code":"321322114000"},{"name":"贤官镇","code":"321322125000"},{"name":"桑墟镇","code":"321322110000"},{"name":"沂涛镇","code":"321322106000"},{"name":"湖东镇","code":""},{"name":"颜集镇","code":"321322116000"},{"name":"潼阳镇","code":"321322117000"},{"name":"耿圩镇","code":"321322120000"},{"name":"沭阳经济开发区","code":"321322401000"},{"name":"胡集镇","code":"321322102000"},{"name":"茆圩乡","code":""},{"name":"西圩乡","code":"321322205000"},{"name":"钱集镇","code":"321322103000"},{"name":"陇集镇","code":"321322101000"},{"name":"韩山镇","code":"321322108000"},{"name":"马厂镇","code":"321322105000"},{"name":"高墟镇","code":"321322119000"},{"name":"龙庙镇","code":"321322118000"},{"name":"七雄街道","code":"321322006000"},{"name":"东小店乡","code":""},{"name":"北丁集乡","code":""},{"name":"十字街道","code":"321322004000"},{"name":"南湖街道","code":"321322002000"},{"name":"梦溪街道","code":"321322003000"},{"name":"沭城街道","code":"321322001000"},{"name":"章集街道","code":"321322005000"},{"name":"青伊湖镇","code":"321322128000"},{"name":"青伊湖农场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
