大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是定西市陇西县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
陇西县,隶属 甘肃省 定西市,位于甘肃省东南部、定西市中部、渭河上游,地处陇中黄土高原中部。东接通渭县,南连武山、漳县,西邻渭源县,北靠安定区。陇西因在陇山以西而得名,自古为“四塞之国”,兵家必争之地。远在史前时期,先民们就在这块土地上繁衍生息,留下了仰韶、齐家等文化遗址。秦昭王三十五年(公元前272年)始设陇西郡,汉初设襄武县,始有建置。隋改陇西县,县名沿用至今。根据第七次人口普查数据,截至2020年11月1日零时,陇西县常住人口427373人。
echarts定西市陇西县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts定西市陇西县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts定西市陇西县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs定西市陇西县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程
threejs定西市陇西县geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs定西市陇西县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
定西市陇西县 下辖有 和平乡,宏伟乡,巩昌镇,德兴乡,文峰镇,柯寨乡,永吉乡,渭阳乡,马河镇,权家湾乡,碧岩镇,福星镇,菜子镇,首阳镇,通安驿镇,云田镇,双泉乡
定西市陇西县下辖区域坐标
{"和平乡":[104.82057485313837,34.97878474011881],"宏伟乡":[104.80469421144207,35.31815418459187],"巩昌镇":[104.58355781041539,34.97812075365188],"德兴乡":[104.44868424864683,35.24055373392899],"文峰镇":[104.67204017451468,34.93291752440943],"柯寨乡":[104.48053357146412,35.13213225826031],"永吉乡":[104.82699776278581,34.90194360518356],"渭阳乡":[104.80803922187529,35.08040772637527],"马河镇":[104.59862587665332,35.33243285090829],"权家湾乡":[104.78947076802648,35.19355120826248],"碧岩镇":[104.4091682899821,34.9995317587572],"福星镇":[104.57902472074625,35.19143179646146],"菜子镇":[104.46160322555608,34.963786205178],"首阳镇":[104.4739536318877,35.05362867236039],"通安驿镇":[104.67280232258886,35.27632874399387],"云田镇":[104.70218084700304,35.1043342433989],"双泉乡":[104.39052870796557,35.15736123853605]}
定西市陇西县行政划分代码
[{"name":"和平乡","code":"621122202000"},{"name":"宏伟乡","code":"621122201000"},{"name":"巩昌镇","code":"621122100000"},{"name":"德兴乡","code":"621122205000"},{"name":"文峰镇","code":"621122101000"},{"name":"柯寨乡","code":""},{"name":"永吉乡","code":"621122206000"},{"name":"渭阳乡","code":"621122200000"},{"name":"马河镇","code":"621122108000"},{"name":"权家湾乡","code":""},{"name":"碧岩镇","code":"621122107000"},{"name":"福星镇","code":"621122104000"},{"name":"菜子镇","code":"621122103000"},{"name":"首阳镇","code":"621122102000"},{"name":"通安驿镇","code":"621122105000"},{"name":"云田镇","code":"621122106000"},{"name":"双泉乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。