随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理德宏傣族景颇族自治州盈江县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts德宏傣族景颇族自治州盈江县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts德宏傣族景颇族自治州盈江县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts德宏傣族景颇族自治州盈江县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs德宏傣族景颇族自治州盈江县geoJson地图3d地图自定义贴图加CSS2D标签
通过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地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
德宏傣族景颇族自治州盈江县 下辖有 芒章乡,那邦镇,铜壁关乡,苏典傈僳族乡,新城乡,旧城镇,昔马镇,盏西镇,油松岭乡,平原镇,弄璋镇,支那乡,勐弄乡,卡场镇,太平镇
德宏傣族景颇族自治州盈江县下辖区域坐标
{"芒章乡":[98.11106033462372,24.94547722272642],"那邦镇":[97.5946994837596,24.71581582147279],"铜壁关乡":[97.64788510492023,24.5916239713714],"苏典傈僳族乡":[97.90033564006197,25.14019965710541],"新城乡":[98.08853298222088,24.82354594666601],"旧城镇":[98.10842640727618,24.72058894565318],"昔马镇":[97.71744565885005,24.76137150031505],"盏西镇":[98.11886182085237,25.04972432988097],"油松岭乡":[98.15293275539648,24.6817332729644],"平原镇":[97.92937737464536,24.75079586109453],"弄璋镇":[97.83984709661638,24.53764397438177],"支那乡":[98.07777482089188,25.22530113684027],"勐弄乡":[97.90124264851725,24.93576530803372],"卡场镇":[97.80985973121088,24.97304589293845],"太平镇":[97.717177017391,24.60095876697367]}
德宏傣族景颇族自治州盈江县行政划分代码
[{"name":"芒章乡","code":"533123203000"},{"name":"那邦镇","code":"533123103000"},{"name":"铜壁关乡","code":"533123207000"},{"name":"苏典傈僳族乡","code":"533123205000"},{"name":"新城乡","code":"533123201000"},{"name":"旧城镇","code":"533123102000"},{"name":"昔马镇","code":"533123107000"},{"name":"盏西镇","code":"533123105000"},{"name":"油松岭乡","code":"533123202000"},{"name":"平原镇","code":"533123101000"},{"name":"弄璋镇","code":"533123104000"},{"name":"支那乡","code":"533123204000"},{"name":"勐弄乡","code":"533123206000"},{"name":"卡场镇","code":"533123106000"},{"name":"太平镇","code":"533123108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
