数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是天水市麦积区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
麦积区,隶属 甘肃省 天水市,是天水市市辖区。地处天水市市区东部。地处东经105°25′~106°43′,北纬34°06′~34°48′之间,东西长123公里,南北最宽处50公里,最窄处不足5公里,全境总面积3480平方公里,麦积区横跨黄河、长江两大流域,麦积属大陆半湿润季风气候,冬无严寒,夏无酷暑,气候温和,四季分明,日照充足,降水适中。截至2022年,麦积区辖17个镇、3个街道,另辖一个经济开发区,两个高新区和三个工业区。区政府驻道北街道。截至2021年,麦积区常住人口55.27万人,比上年末减少0.34万人。其中,城镇人口32.66万人。
echarts天水市麦积区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts天水市麦积区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts天水市麦积区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs天水市麦积区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js 3D可视化
threejs天水市麦积区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs天水市麦积区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
天水市麦积区 下辖有 麦积镇,桥南街道,东岔镇,中滩镇,五龙乡,伯阳镇,元龙镇,党川乡,利桥乡,新阳镇,渭南镇,琥珀乡,甘泉镇,石佛镇,社棠镇,天水市农业高新技术示范区,天水市麦积区三阳工业示范区,天水市麦积区廿铺工业示范区,天水经济开发区,天水市高新技术工业园,天水市麦积区甘泉科技园区,三岔乡,道北街道,北道埠街道,花牛镇,马跑泉镇
天水市麦积区下辖区域坐标
{"麦积镇":[106.0163861131957,34.39360074113499],"桥南街道":[105.88932013489524,34.55817321405782],"东岔镇":[106.57135417235833,34.36492914985232],"中滩镇":[105.64956329629186,34.72228057428673],"五龙乡":[105.54721422106059,34.75987324189843],"伯阳镇":[106.08731435167033,34.50488873117872],"元龙镇":[106.1733029546463,34.50142225598663],"党川乡":[106.13469645365454,34.27634424110242],"利桥乡":[106.38199087133984,34.27069970851979],"新阳镇":[105.52840669454865,34.67094472563046],"渭南镇":[105.67383071736856,34.65573853262553],"琥珀乡":[105.459802244468,34.68011264485207],"甘泉镇":[105.89485884623164,34.43072515376052],"石佛镇":[105.71809381965176,34.69852700884399],"社棠镇":[],"天水市农业高新技术示范区":[106.25522074925898,34.18094813907148],"天水市麦积区三阳工业示范区":[106.44744378769616,34.16788510705832],"天水市麦积区廿铺工业示范区":[106.18483168026636,34.12645807044201],"天水经济开发区":[106.28422406384483,34.25482819981942],"天水市高新技术工业园":[106.35012242329512,34.10924172006776],"天水市麦积区甘泉科技园区":[106.00867634693074,34.22966132479661],"三岔乡":[106.3927462557867,34.46468482735378],"道北街道":[105.8886662515839,34.59035268912051],"北道埠街道":[105.89334842732353,34.56332315283743],"花牛镇":[105.81776968174184,34.55287127152896],"马跑泉镇":[105.92866385746478,34.51851124236468]}
天水市麦积区行政划分代码
[{"name":"麦积镇","code":"620503110000"},{"name":"桥南街道","code":"620503003000"},{"name":"东岔镇","code":"620503104000"},{"name":"中滩镇","code":"620503106000"},{"name":"五龙乡","code":""},{"name":"伯阳镇","code":"620503109000"},{"name":"元龙镇","code":"620503108000"},{"name":"党川乡","code":""},{"name":"利桥乡","code":""},{"name":"新阳镇","code":"620503107000"},{"name":"渭南镇","code":"620503103000"},{"name":"琥珀乡","code":""},{"name":"甘泉镇","code":"620503102000"},{"name":"石佛镇","code":"620503111000"},{"name":"社棠镇","code":"620503100000"},{"name":"天水市农业高新技术示范区","code":"620503402000"},{"name":"天水市麦积区三阳工业示范区","code":"620503403000"},{"name":"天水市麦积区廿铺工业示范区","code":"620503404000"},{"name":"天水经济开发区","code":"620503400000"},{"name":"天水市高新技术工业园","code":"620503401000"},{"name":"天水市麦积区甘泉科技园区","code":""},{"name":"三岔乡","code":""},{"name":"道北街道","code":"620503001000"},{"name":"北道埠街道","code":"620503002000"},{"name":"花牛镇","code":"620503105000"},{"name":"马跑泉镇","code":"620503101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。