数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是西双版纳傣族自治州景洪市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts西双版纳傣族自治州景洪市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts西双版纳傣族自治州景洪市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts西双版纳傣族自治州景洪市geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs西双版纳傣族自治州景洪市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs西双版纳傣族自治州景洪市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs西双版纳傣族自治州景洪市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
西双版纳傣族自治州景洪市 下辖有 大渡岗农场,橄榄坝农场,景洪农场,景哈乡,景讷乡,大渡岗乡,西双版纳监狱,基诺乡,普文镇,东风农场,勐养农场,勐养镇,勐旺乡,勐罕镇,勐龙镇,嘎洒镇,景洪工业园区,西双版纳州渡假区,允景洪街道
西双版纳傣族自治州景洪市下辖区域坐标
{"大渡岗农场":[100.94113709795775,22.36110302762805],"橄榄坝农场":[100.93094672920782,21.85034128587836],"景洪农场":[100.78160120920685,22.00022063731757],"景哈乡":[100.99909620944399,21.80916230552319],"景讷乡":[100.73340205597377,22.4566340033538],"大渡岗乡":[100.96201313467719,22.34933601402177],"西双版纳监狱":[101.06549355311881,22.51271619862848],"基诺乡":[101.08446907904687,22.03108136659744],"普文镇":[101.05205217650466,22.4451534549924],"东风农场":[100.74105492341103,21.70528836495607],"勐养农场":[100.89789285228397,22.07419123617872],"勐养镇":[100.94308986739122,22.18383702116221],"勐旺乡":[101.32794126188583,22.43687471268055],"勐罕镇":[101.01950905238277,21.867659423062],"勐龙镇":[100.65680636141244,21.66595456446348],"嘎洒镇":[100.75690820179568,22.0240157792954],"景洪工业园区":[100.74230741797112,22.04185210952211],"西双版纳州渡假区":[100.82105646902463,21.96422504782509],"允景洪街道":[100.81595476290063,22.08060496414149]}
西双版纳傣族自治州景洪市行政划分代码
[{"name":"大渡岗农场","code":"532801405000"},{"name":"橄榄坝农场","code":"532801403000"},{"name":"景洪农场","code":"532801401000"},{"name":"景哈乡","code":""},{"name":"景讷乡","code":"532801203000"},{"name":"大渡岗乡","code":"532801204000"},{"name":"西双版纳监狱","code":"532801408000"},{"name":"基诺乡","code":""},{"name":"普文镇","code":"532801106000"},{"name":"东风农场","code":"532801402000"},{"name":"勐养农场","code":"532801404000"},{"name":"勐养镇","code":"532801105000"},{"name":"勐旺乡","code":"532801205000"},{"name":"勐罕镇","code":"532801104000"},{"name":"勐龙镇","code":"532801103000"},{"name":"嘎洒镇","code":"532801102000"},{"name":"景洪工业园区","code":"532801407000"},{"name":"西双版纳州渡假区","code":""},{"name":"允景洪街道","code":"532801001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看