echarts通辽市科尔沁左翼后旗geoJson地图label样式自定义实例

echarts yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是通辽市科尔沁左翼后旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

科尔沁左翼后旗,内蒙古自治区 通辽市 辖旗,位于内蒙古自治区东部、通辽市东南部,地处科尔沁沙地与松辽平原交接地带,属温带大陆性季风气候,毗邻9个县(旗)、市(区),总面积11570平方千米。截至2022年末,科尔沁左翼后旗人口为39.47万人。截至2022年10月,科尔沁左翼后旗辖10个镇、5个苏木,另辖12个乡级单位。

echarts通辽市科尔沁左翼后旗geoJson地图label样式自定义

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts通辽市科尔沁左翼后旗geoJson地图label样式自定义

echarts通辽市科尔沁左翼后旗geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts通辽市科尔沁左翼后旗geoJson地图定义颜色

echarts通辽市科尔沁左翼后旗geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts通辽市科尔沁左翼后旗geoJson地图区域闪烁

threejs通辽市科尔沁左翼后旗geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化

threejs通辽市科尔沁左翼后旗geoJson地图3d地图

threejs通辽市科尔沁左翼后旗geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs通辽市科尔沁左翼后旗geoJson地图3d地图添加描边效果

threejs通辽市科尔沁左翼后旗geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs通辽市科尔沁左翼后旗geoJson地图3d地图自定义贴图加CSS3D标签

通辽市科尔沁左翼后旗 下辖有 散都苏木乡,原种场,双胜镇,朝鲁吐林场,乌兰敖道渔场,金宝屯林场,乌旦塔拉林场,大青沟管理局,孟根达坝牧场,阿古拉镇,朝鲁吐镇,查日苏镇,海鲁吐镇,甘旗卡镇,查金台牧场,胜利农场,茂道吐林场,金宝屯镇,努古斯台镇,吉尔嘎朗镇,哈日乌苏种畜场,茂道吐苏木乡,阿都沁苏木乡,巴嘎塔拉苏木乡,巴彦毛都苏木乡,常胜镇,伊胡塔林场

通辽市科尔沁左翼后旗下辖区域坐标

{"散都苏木乡":[123.0478279107515,42.87476062828503],"原种场":[123.53725606444533,43.05066012081349],"双胜镇":[123.61069010430376,43.18438247448669],"朝鲁吐林场":[121.64007987344365,43.34659654134937],"乌兰敖道渔场":[122.6999727834969,43.62679361477407],"金宝屯林场":[123.55408436486005,43.37535063592718],"乌旦塔拉林场":[122.75931298589163,42.99640135824696],"大青沟管理局":[122.19336970825115,42.77504813900599],"孟根达坝牧场":[122.99794702170942,42.88279627208638],"阿古拉镇":[122.65778211190074,43.29757995829309],"朝鲁吐镇":[121.93075710090929,43.07955069869111],"查日苏镇":[123.28262127669278,43.08875768787434],"海鲁吐镇":[123.1642068904533,43.2260131050232],"甘旗卡镇":[122.30843668266556,42.91102097110003],"查金台牧场":[121.88820605897897,43.34462123496061],"胜利农场":[123.59103807691861,43.18054855997988],"茂道吐林场":[122.94060249175291,43.6726072731992],"金宝屯镇":[123.40667292099457,43.34149239735038],"努古斯台镇":[122.30364700419369,43.40122348721729],"吉尔嘎朗镇":[122.8677955869916,43.05715150739544],"哈日乌苏种畜场":[122.58455431132609,43.13807462592347],"茂道吐苏木乡":[122.79873434182527,43.53856343936255],"阿都沁苏木乡":[123.07767858299223,43.47010527263936],"巴嘎塔拉苏木乡":[122.30010077213453,43.19201054676134],"巴彦毛都苏木乡":[121.81678584213546,43.29593136500725],"常胜镇":[122.73102125806525,42.83509642807859],"伊胡塔林场":[122.20899021949498,43.13558562695427]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

通辽市科尔沁左翼后旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts通辽市科尔沁左翼后旗geoJson地图label样式自定义实例