可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是盘锦市兴隆台区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts盘锦市兴隆台区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts盘锦市兴隆台区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts盘锦市兴隆台区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs盘锦市兴隆台区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js视频教程3D可视化
threejs盘锦市兴隆台区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs盘锦市兴隆台区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
盘锦市兴隆台区 下辖有 友谊街道,欢喜街道,沈采街道,新工街道,红村街道,高升街道,渤海街道,茨采街道,创新街道,曙光街道,于楼街道,兴海街道,兴盛街道,兴隆街道,平安街道,振兴街道,新生街道,锦采街道
盘锦市兴隆台区下辖区域坐标
{"友谊街道":[],"欢喜街道":[],"沈采街道":[123.0515949051541,41.92935818687064],"新工街道":[122.09909211186314,41.1592189498666],"红村街道":[122.07324643885462,40.81546620213253],"高升街道":[],"渤海街道":[],"茨采街道":[122.90206874879149,41.51896825705619],"创新街道":[122.06269399788273,41.11456017554801],"曙光街道":[],"于楼街道":[],"兴海街道":[],"兴盛街道":[122.08273994491671,41.1226294304054],"兴隆街道":[],"平安街道":[121.74894282316278,41.12192152949601],"振兴街道":[122.08996450408458,41.11868474644054],"新生街道":[121.87147777577695,41.15664991360492],"锦采街道":[]}
盘锦市兴隆台区行政划分代码
[{"name":"友谊街道","code":""},{"name":"欢喜街道","code":""},{"name":"沈采街道","code":"211103013000"},{"name":"新工街道","code":"211103004000"},{"name":"红村街道","code":""},{"name":"高升街道","code":""},{"name":"渤海街道","code":"211103003000"},{"name":"茨采街道","code":""},{"name":"创新街道","code":"211103016000"},{"name":"曙光街道","code":"211103007000"},{"name":"于楼街道","code":""},{"name":"兴海街道","code":"211103018000"},{"name":"兴盛街道","code":"211103017000"},{"name":"兴隆街道","code":"211103002000"},{"name":"平安街道","code":""},{"name":"振兴街道","code":"211103001000"},{"name":"新生街道","code":""},{"name":"锦采街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
