随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宜春市奉新县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宜春市奉新县geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts宜春市奉新县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts宜春市奉新县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs宜春市奉新县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js前端3D可视化教程
threejs宜春市奉新县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
宜春市奉新县 下辖有 上富镇,仰山乡,会埠镇,冯川镇,石溪街道,东风垦殖场,干洲垦殖场,农牧渔良种场,奉新县工业园区,百丈山名胜风景区,赤岸镇,赤田镇,宋埠镇,干洲镇,柳溪乡,澡下镇,澡溪乡,甘坊镇,罗市镇
宜春市奉新县下辖区域坐标
{"上富镇":[115.01371075086976,28.65268018987941],"仰山乡":[115.06193255418214,28.77553583031655],"会埠镇":[115.19541309732898,28.7124412590226],"冯川镇":[115.3817723697199,28.69936017950842],"石溪街道":[114.90849976367448,28.74004681963375],"东风垦殖场":[115.17823374228121,28.68972795148009],"干洲垦殖场":[115.44147999518921,28.81279948463258],"农牧渔良种场":[115.43719055148335,28.77140973747446],"奉新县工业园区":[115.4138746028735,28.68896765987763],"百丈山名胜风景区":[114.77901234017729,28.67613244347528],"赤岸镇":[115.33950734794944,28.66142283071115],"赤田镇":[115.45896888466562,28.62717374226394],"宋埠镇":[115.47994423749196,28.70442852085048],"干洲镇":[115.39606719074294,28.7948969041186],"柳溪乡":[114.85465720798777,28.71351167358003],"澡下镇":[115.20411644466026,28.79919007844032],"澡溪乡":[114.96100612707396,28.77134247812512],"甘坊镇":[114.8704891329472,28.64539791044175],"罗市镇":[115.08251452399293,28.70849701048765]}
宜春市奉新县行政划分代码
[{"name":"上富镇","code":"360921108000"},{"name":"仰山乡","code":"360921200000"},{"name":"会埠镇","code":"360921106000"},{"name":"冯川镇","code":"360921100000"},{"name":"石溪街道","code":""},{"name":"东风垦殖场","code":"360921503000"},{"name":"干洲垦殖场","code":"360921502000"},{"name":"农牧渔良种场","code":"360921504000"},{"name":"奉新县工业园区","code":"360921400000"},{"name":"百丈山名胜风景区","code":"360921501000"},{"name":"赤岸镇","code":"360921101000"},{"name":"赤田镇","code":"360921102000"},{"name":"宋埠镇","code":"360921103000"},{"name":"干洲镇","code":"360921104000"},{"name":"柳溪乡","code":"360921202000"},{"name":"澡下镇","code":"360921105000"},{"name":"澡溪乡","code":"360921201000"},{"name":"甘坊镇","code":"360921109000"},{"name":"罗市镇","code":"360921107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看