可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是山南市洛扎县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts山南市洛扎县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts山南市洛扎县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts山南市洛扎县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs山南市洛扎县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs山南市洛扎县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
山南市洛扎县 下辖有 拉康镇,生格乡,色乡,边巴乡,扎日乡,拉郊乡,洛扎镇
山南市洛扎县下辖区域坐标
{"拉康镇":[91.17858234532588,28.10000864503927],"生格乡":[91.03752400687569,28.24563711064158],"色乡":[90.72074254393138,28.16963490350797],"边巴乡":[91.32119811299088,28.13390488500474],"扎日乡":[90.51423177530958,28.24745299005507],"拉郊乡":[90.98052036563554,27.9953034959312],"洛扎镇":[90.90009640802505,28.4223972803731]}
山南市洛扎县行政划分代码
[{"name":"拉康镇","code":"540527101000"},{"name":"生格乡","code":"540527203000"},{"name":"色乡","code":"540527202000"},{"name":"边巴乡","code":"540527204000"},{"name":"扎日乡","code":"540527201000"},{"name":"拉郊乡","code":"540527205000"},{"name":"洛扎镇","code":"540527100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看