大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理白城市洮北区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts白城市洮北区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts白城市洮北区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts白城市洮北区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs白城市洮北区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL前端3D可视化教程
threejs白城市洮北区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs白城市洮北区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
白城市洮北区 下辖有 幸福街道,白城牧场,三合乡,林海镇,保平街道,城南街道,岭下镇,西郊街道,新立街道,明仁街道,海明街道,瑞光街道,东胜乡,东风乡,青山镇,到保镇,平台镇,平安镇,洮河镇,金祥乡,镇南种羊场,铁东街道,洮儿河农场,德顺蒙古族乡,保民农场,到保林场,新华街道,长庆街道
白城市洮北区下辖区域坐标
{"幸福街道":[122.81226737329294,45.61274293840473],"白城牧场":[122.54960503489997,45.78308111527737],"三合乡":[122.684261286186,45.63588658643125],"林海镇":[122.75966053532258,45.53861771231686],"保平街道":[122.79462726217812,45.61402240932348],"城南街道":[122.90424637911573,45.58984721190008],"岭下镇":[122.42921758732732,45.82505309647084],"西郊街道":[122.85682429291721,45.50947402832378],"新立街道":[122.8542272042209,45.63150808774269],"明仁街道":[122.83214236041216,45.62770970304074],"海明街道":[122.85277871553573,45.62082393617081],"瑞光街道":[122.82609765276425,45.61376727185271],"东胜乡":[122.54735484721895,45.62095066629983],"东风乡":[122.90626172925133,45.64631487181233],"青山镇":[122.85730565742632,45.80146191754783],"到保镇":[123.11325614260332,45.57638197288812],"平台镇":[122.72628422392023,45.70836323373045],"平安镇":[122.52891844063593,45.70986597127461],"洮河镇":[123.03435597988488,45.48666232144397],"金祥乡":[122.68226761070595,45.50191820627266],"镇南种羊场":[122.99788352562807,45.79869777839647],"铁东街道":[122.86651959370994,45.61714794298796],"洮儿河农场":[122.82876855172978,45.46998743374596],"德顺蒙古族乡":[122.89746859159695,45.42061668310235],"保民农场":[123.12519155500026,45.47919376574928],"到保林场":[123.07453758403264,45.55094885296325],"新华街道":[122.84986307473397,45.6085236016652],"长庆街道":[122.83020197660196,45.61282457850182]}
白城市洮北区行政划分代码
[{"name":"幸福街道","code":""},{"name":"白城牧场","code":"220802403000"},{"name":"三合乡","code":"220802201000"},{"name":"林海镇","code":"220802102000"},{"name":"保平街道","code":""},{"name":"城南街道","code":""},{"name":"岭下镇","code":"220802170000"},{"name":"西郊街道","code":""},{"name":"新立街道","code":"220802007000"},{"name":"明仁街道","code":"220802004000"},{"name":"海明街道","code":"220802001000"},{"name":"瑞光街道","code":"220802003000"},{"name":"东胜乡","code":"220802202000"},{"name":"东风乡","code":"220802200000"},{"name":"青山镇","code":"220802101000"},{"name":"到保镇","code":"220802105000"},{"name":"平台镇","code":"220802104000"},{"name":"平安镇","code":"220802100000"},{"name":"洮河镇","code":"220802103000"},{"name":"金祥乡","code":"220802203000"},{"name":"镇南种羊场","code":"220802402000"},{"name":"铁东街道","code":"220802005000"},{"name":"洮儿河农场","code":"220802404000"},{"name":"德顺蒙古族乡","code":"220802204000"},{"name":"保民农场","code":"220802405000"},{"name":"到保林场","code":""},{"name":"新华街道","code":"220802009000"},{"name":"长庆街道","code":"220802002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看