数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理达州市大竹县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts达州市大竹县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts达州市大竹县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts达州市大竹县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs达州市大竹县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 Three.js视频教程3D可视化
threejs达州市大竹县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs达州市大竹县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
达州市大竹县 下辖有 人和乡,川主乡,团坝镇,双溪乡,杨通乡,天城乡,月华乡,李家乡,新生乡,东柳乡,竹阳镇,竹北乡,中和乡,莲印乡,中华乡,二郎乡,乌木镇,八渡乡,双拱镇,白坝乡,周家镇,城西乡,妈妈镇,黄家乡,黄滩乡,四合乡,姚市乡,朝阳乡,安吉乡,庙坝镇,柏林镇,张家乡,文星镇,杨家镇,柏家乡,欧家镇,童家乡,永胜乡,清水镇,清河镇,牌坊乡,石子镇,石河镇,神合乡,蒲包乡,观音镇,金鸡乡,高明乡,高穴镇,石桥铺镇
达州市大竹县下辖区域坐标
{"人和乡":[107.23636908541357,30.82312166717684],"川主乡":[107.19398529814012,30.67221622920426],"团坝镇":[107.26851646313617,30.65532868175963],"双溪乡":[107.37426543361511,30.68153713447321],"杨通乡":[107.28526003051944,30.47289289293946],"天城乡":[107.33725279312395,30.48688567892595],"月华乡":[107.3095505876285,30.81423611577712],"李家乡":[107.26998029667705,30.8846461789509],"新生乡":[107.384102782606,30.74114636717827],"东柳乡":[107.25379330906168,30.75632073450224],"竹阳镇":[107.22148887465337,30.72820251485786],"竹北乡":[107.22270313902773,30.77530571929648],"中和乡":[107.29107466576716,30.608789517186],"莲印乡":[107.1736287007996,30.70908111358251],"中华乡":[107.15819515483574,30.8312947537563],"二郎乡":[107.34664477087642,30.92316412652495],"乌木镇":[107.25992603065603,30.71213326541379],"八渡乡":[107.4194920469033,30.56962070626878],"双拱镇":[107.39504447011925,30.89306178632414],"白坝乡":[107.44794779827129,30.62889952654584],"周家镇":[107.35087023212662,30.63690717321223],"城西乡":[107.13629818513536,30.76760708972848],"妈妈镇":[107.13431452330312,30.554874242099],"黄家乡":[107.15457103983681,30.78461799174511],"黄滩乡":[107.219109073391,30.62916923424322],"四合乡":[107.27695346606606,30.41261136563815],"姚市乡":[107.08964835668831,30.54160086314431],"朝阳乡":[107.32108452078262,30.74700805801984],"安吉乡":[107.49803370510745,30.88818831831355],"庙坝镇":[107.07211862972736,30.59811514528492],"柏林镇":[107.22545177731638,30.97076853502524],"张家乡":[107.24625876203092,30.35279610405081],"文星镇":[107.2340095599042,30.49982771928332],"杨家镇":[107.21046005950915,30.86990057116279],"柏家乡":[107.28039030269343,30.933191296121],"欧家镇":[107.05423316751114,30.51321887323732],"童家乡":[107.28803396579511,30.5386900390283],"永胜乡":[107.45217156206012,30.83784001186266],"清水镇":[107.10772205364793,30.6928567555929],"清河镇":[107.21205624522818,30.91693222775542],"牌坊乡":[107.10029357475891,30.63394411735828],"石子镇":[107.25180560626812,30.35552085602097],"石河镇":[107.34060965793802,30.86316127744562],"神合乡":[107.20457986515173,30.45962270324909],"蒲包乡":[107.41353709402533,30.859719953348],"观音镇":[107.44970502545598,30.68125147321218],"金鸡乡":[107.20322070098425,30.54684372115399],"高明乡":[107.36014394346606,30.53955377664587],"高穴镇":[107.1909364151506,30.6041574680782],"石桥铺镇":[107.41897759546,30.7898360850247]}
达州市大竹县行政划分代码
[{"name":"人和乡","code":""},{"name":"川主乡","code":"511724231000"},{"name":"团坝镇","code":"511724102000"},{"name":"双溪乡","code":""},{"name":"杨通乡","code":"511724220000"},{"name":"天城乡","code":""},{"name":"月华乡","code":""},{"name":"李家乡","code":""},{"name":"新生乡","code":""},{"name":"东柳乡","code":""},{"name":"竹阳镇","code":""},{"name":"竹北乡","code":""},{"name":"中和乡","code":""},{"name":"莲印乡","code":""},{"name":"中华乡","code":""},{"name":"二郎乡","code":""},{"name":"乌木镇","code":"511724101000"},{"name":"八渡乡","code":"511724218000"},{"name":"双拱镇","code":""},{"name":"白坝乡","code":""},{"name":"周家镇","code":"511724110000"},{"name":"城西乡","code":""},{"name":"妈妈镇","code":"511724113000"},{"name":"黄家乡","code":""},{"name":"黄滩乡","code":""},{"name":"四合乡","code":""},{"name":"姚市乡","code":""},{"name":"朝阳乡","code":"511724203000"},{"name":"安吉乡","code":"511724214000"},{"name":"庙坝镇","code":"511724116000"},{"name":"柏林镇","code":"511724105000"},{"name":"张家乡","code":""},{"name":"文星镇","code":"511724112000"},{"name":"杨家镇","code":"511724103000"},{"name":"柏家乡","code":""},{"name":"欧家镇","code":"511724115000"},{"name":"童家乡","code":""},{"name":"永胜乡","code":""},{"name":"清水镇","code":"511724117000"},{"name":"清河镇","code":"511724104000"},{"name":"牌坊乡","code":""},{"name":"石子镇","code":"511724111000"},{"name":"石河镇","code":"511724106000"},{"name":"神合乡","code":""},{"name":"蒲包乡","code":""},{"name":"观音镇","code":"511724109000"},{"name":"金鸡乡","code":""},{"name":"高明乡","code":""},{"name":"高穴镇","code":"511724114000"},{"name":"石桥铺镇","code":"511724108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
