大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理鄂尔多斯市达拉特旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
达拉特(蒙古语意为肩胛骨)旗,旧称鄂尔多斯左翼后旗。地处 内蒙古自治区 西南部、鄂尔多斯市 北部。北与包头市隔黄河相望、南临东胜区、东与准格尔旗接壤、西与杭锦旗搭界。全旗总面积8188平方千米 ,辖8个镇、1个苏木、6个街道办事处,旗委、旗政府驻树林召镇。截至2020年11月1日零时,全旗常住人口32.86万(第七次人口普查) 。旗内交通便捷,包(包头)神(神木)铁路、210国道、109国道及包(包头)东(东胜)高速公路贯穿旗境,被誉为鄂尔多斯市的“北大门”。
echarts鄂尔多斯市达拉特旗geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts鄂尔多斯市达拉特旗geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts鄂尔多斯市达拉特旗geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs鄂尔多斯市达拉特旗geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs鄂尔多斯市达拉特旗geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs鄂尔多斯市达拉特旗geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
鄂尔多斯市达拉特旗 下辖有 白塔街道,恩格贝镇,树林召镇,王爱召镇,白泥井镇,昭君镇,平原街道,锡尼街道,吉格斯太镇,展旦召苏木乡,鄂尔多斯市生态示范区,达拉特经济开发区,昭君街道,工业街道,西园街道,中和西镇
鄂尔多斯市达拉特旗下辖区域坐标
{"白塔街道":[110.00188739821215,40.38551971028284],"恩格贝镇":[109.4003730380496,40.22403760908783],"树林召镇":[110.03386959009032,40.22438258880033],"王爱召镇":[110.24467114418253,40.34669341942492],"白泥井镇":[110.30528190312255,40.10844800438637],"昭君镇":[109.61171642081709,40.22726393447545],"平原街道":[110.00449579099393,40.42346847564656],"锡尼街道":[110.02678521107336,40.39023294284536],"吉格斯太镇":[110.52581941855934,40.14475063028377],"展旦召苏木乡":[109.78014203945357,40.20234978107646],"鄂尔多斯市生态示范区":[109.4058769063339,40.39459702333679],"达拉特经济开发区":[110.11218360803569,40.31646022304285],"昭君街道":[110.05673684953868,40.38973047895082],"工业街道":[110.02026245588124,40.40839810976325],"西园街道":[110.00204005521732,40.40654574924041],"中和西镇":[109.16435710385477,40.29711053007132]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。