数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理营口市站前区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts营口市站前区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts营口市站前区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts营口市站前区geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs营口市站前区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs营口市站前区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs营口市站前区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
营口市站前区 下辖有 八田地街道,东风街道,建丰街道,新兴街道,建设街道,跃进街道,新建街道
营口市站前区下辖区域坐标
{"八田地街道":[122.23093329812767,40.67307620205859],"东风街道":[122.27836207727488,40.69456605353282],"建丰街道":[122.2445224281355,40.65652932835637],"新兴街道":[122.23441655839969,40.72510108043534],"建设街道":[122.24835800170219,40.67527642729378],"跃进街道":[122.2600168619022,40.67645590394049],"新建街道":[122.35353377334695,40.8543383384548]}
营口市站前区行政划分代码
[{"name":"八田地街道","code":"210802001000"},{"name":"东风街道","code":""},{"name":"建丰街道","code":"210802002000"},{"name":"新兴街道","code":""},{"name":"建设街道","code":"210802003000"},{"name":"跃进街道","code":"210802004000"},{"name":"新建街道","code":"210802007000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。