大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理丹东市东港市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丹东市东港市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts丹东市东港市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts丹东市东港市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs丹东市东港市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs课程视频 WebGL前端3D可视化教程
threejs丹东市东港市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs丹东市东港市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
丹东市东港市 下辖有 新农镇,椅圈镇,长安镇,长山镇,前阳镇,兴隆农场,示范农场,小甸子镇,大东街道,黑沟镇,新城街道,菩萨庙镇,马家店镇,黄土坎镇,龙王庙镇,合隆满族乡,海洋红农场,黄土坎农场,新兴街道,孤山镇,五四农场,北井子镇,十字街镇
丹东市东港市下辖区域坐标
{"新农镇":[123.45080752129579,39.9720268191756],"椅圈镇":[123.77447144364531,39.90878350357312],"长安镇":[124.11067155008348,40.13855367926637],"长山镇":[124.01193027401098,39.90098528167768],"前阳镇":[124.18909990112499,39.99429499880438],"兴隆农场":[123.78959640025406,39.83608751149455],"示范农场":[124.03841885773826,39.96978855487482],"小甸子镇":[123.6410171630362,40.01805100699379],"大东街道":[124.14116686213924,39.8782078215655],"黑沟镇":[123.59192707346492,40.09113322385183],"新城街道":[124.10062067184577,39.88666538465298],"菩萨庙镇":[],"马家店镇":[123.87427610020188,39.98696131570879],"黄土坎镇":[123.68085898833385,39.90873748071009],"龙王庙镇":[123.76119324001377,40.00318700734434],"合隆满族乡":[123.97056809590696,40.02105706847951],"海洋红农场":[],"黄土坎农场":[123.69621937999051,39.8292901587455],"新兴街道":[124.14382398745624,39.85126029061075],"孤山镇":[],"五四农场":[],"北井子镇":[],"十字街镇":[124.08527045266975,40.00186256118404]}
丹东市东港市行政划分代码
[{"name":"新农镇","code":"210681119000"},{"name":"椅圈镇","code":"210681109000"},{"name":"长安镇","code":"210681105000"},{"name":"长山镇","code":"210681107000"},{"name":"前阳镇","code":"210681104000"},{"name":"兴隆农场","code":"210681404000"},{"name":"示范农场","code":"210681401000"},{"name":"小甸子镇","code":"210681115000"},{"name":"大东街道","code":"210681001000"},{"name":"黑沟镇","code":"210681118000"},{"name":"新城街道","code":"210681003000"},{"name":"菩萨庙镇","code":"210681117000"},{"name":"马家店镇","code":"210681113000"},{"name":"黄土坎镇","code":"210681110000"},{"name":"龙王庙镇","code":"210681114000"},{"name":"合隆满族乡","code":"210681206000"},{"name":"海洋红农场","code":"210681403000"},{"name":"黄土坎农场","code":"210681402000"},{"name":"新兴街道","code":"210681002000"},{"name":"孤山镇","code":"210681101000"},{"name":"五四农场","code":"210681405000"},{"name":"北井子镇","code":"210681108000"},{"name":"十字街镇","code":"210681106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。