可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理定西市岷县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
岷县,隶属于 甘肃省 定西市,因境内有岷山而得县名,位于甘肃省定西市南部。岷县建制最早可追溯到秦王政八年(前239年)时称临洮,是秦长城的西部起点,西魏文帝大统十年(公元544年)始置岷州,民国二年(1913年)改为岷县,1985年后划归定西管辖。岷县下辖15个镇、3个乡,全县总流域面积3578平方千米,根据第七次人口普查数据,截至2020年11月1日零时,岷县常住人口425627人 ,政府驻地岷阳镇。
echarts定西市岷县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts定西市岷县geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts定西市岷县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs定西市岷县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL前端3D可视化教程
threejs定西市岷县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs定西市岷县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
定西市岷县 下辖有 西寨镇,西江镇,马坞乡,麻子川乡,梅川镇,清水乡,申都乡,禾驮乡,秦许乡,维新乡,茶埠镇,蒲麻镇,锁龙乡,闾井镇,岷阳镇,中寨镇,十里镇,寺沟乡
定西市岷县下辖区域坐标
{"西寨镇":[103.82899381235583,34.49255816955484],"西江镇":[103.99747422715527,34.5709290034975],"马坞乡":[104.86032221065625,34.35112559982458],"麻子川乡":[104.08216794677762,34.22664209537217],"梅川镇":[104.10736081817956,34.57291111035147],"清水乡":[103.96289977346663,34.50409206638984],"申都乡":[104.3851821545606,34.39670861904143],"禾驮乡":[104.23375614607741,34.46205812226546],"秦许乡":[103.90422222507291,34.34161167587656],"维新乡":[103.88677712626941,34.65350505156668],"茶埠镇":[104.14897981866099,34.43195656493412],"蒲麻镇":[104.4432383235098,34.49044862305427],"锁龙乡":[104.68674336533125,34.36490070005537],"闾井镇":[104.54361613637762,34.33755371890238],"岷阳镇":[104.05426027482422,34.43196913827747],"中寨镇":[104.01536217070635,34.66463916322586],"十里镇":[103.91911370539512,34.41593806025528],"寺沟乡":[104.03451720248614,34.28136014625711]}
定西市岷县行政划分代码
[{"name":"西寨镇","code":"621126102000"},{"name":"西江镇","code":"621126104000"},{"name":"马坞乡","code":""},{"name":"麻子川乡","code":""},{"name":"梅川镇","code":"621126103000"},{"name":"清水乡","code":""},{"name":"申都乡","code":"621126207000"},{"name":"禾驮乡","code":""},{"name":"秦许乡","code":"621126204000"},{"name":"维新乡","code":""},{"name":"茶埠镇","code":"621126107000"},{"name":"蒲麻镇","code":"621126101000"},{"name":"锁龙乡","code":"621126208000"},{"name":"闾井镇","code":"621126105000"},{"name":"岷阳镇","code":"621126100000"},{"name":"中寨镇","code":"621126108000"},{"name":"十里镇","code":"621126106000"},{"name":"寺沟乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。