数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理渭南市蒲城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
蒲城县，隶属于陕西省渭南市，位于陕西关中平原东北部，东临大荔县、澄城县；西接富平县；北依白水县、铜川市；南靠临渭区。介于东经109°20′17″—109°54′48″，北纬33°44′50″—35°10′30″之间，总面积1583.58平方千米，为渭南面积第二大县。截至2022年10月，蒲城县下辖2个街道、15个镇。截至2022年末，蒲城县总人口76.1776万人。
echarts渭南市蒲城县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts渭南市蒲城县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts渭南市蒲城县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs渭南市蒲城县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs渭南市蒲城县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs渭南市蒲城县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
渭南市蒲城县 下辖有 城关镇,桥陵镇,罕井镇,翔村镇,兴镇,党睦镇,椿林镇,苏坊镇,荆姚镇,陈庄镇,龙池镇,龙阳镇,孙镇,上王镇,永丰镇,洛滨镇,高阳镇
渭南市蒲城县下辖区域坐标
{"城关镇":[109.58753184972797,34.92010123295161],"桥陵镇":[109.47346921566526,35.01989422560505],"罕井镇":[109.5937825625147,35.10188125064438],"翔村镇":[109.5871435742752,35.01134657200799],"兴镇":[109.46082926078964,34.92102550167756],"党睦镇":[109.58813104521698,34.80709014198067],"椿林镇":[109.67883661092796,34.99000208024417],"苏坊镇":[109.38315856298513,34.88300511879306],"荆姚镇":[109.46577742983624,34.83457958970531],"陈庄镇":[109.58678765223017,34.86988784755756],"龙池镇":[109.70477093278524,34.80888043893587],"龙阳镇":[109.69164068678302,34.86082159947033],"孙镇":[109.77173180291851,34.96092109242761],"上王镇":[109.63502955543379,35.07036193570747],"永丰镇":[109.87077483350099,34.9828393850961],"洛滨镇":[109.7944909894363,35.10415267349187],"高阳镇":[109.49489828359017,35.12660152551948]}
渭南市蒲城县行政划分代码
[{"name":"城关镇","code":""},{"name":"桥陵镇","code":"610526114000"},{"name":"罕井镇","code":"610526101000"},{"name":"翔村镇","code":""},{"name":"兴镇","code":"610526103000"},{"name":"党睦镇","code":"610526104000"},{"name":"椿林镇","code":"610526117000"},{"name":"苏坊镇","code":"610526108000"},{"name":"荆姚镇","code":"610526107000"},{"name":"陈庄镇","code":"610526113000"},{"name":"龙池镇","code":"610526118000"},{"name":"龙阳镇","code":"610526109000"},{"name":"孙镇","code":"610526102000"},{"name":"上王镇","code":""},{"name":"永丰镇","code":"610526106000"},{"name":"洛滨镇","code":"610526112000"},{"name":"高阳镇","code":"610526105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
