随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宜春市高安市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宜春市高安市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts宜春市高安市geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts宜春市高安市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs宜春市高安市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs宜春市高安市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs宜春市高安市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
宜春市高安市 下辖有 祥符镇,荷岭镇,蓝坊镇,龙潭镇,汪家圩乡,瑞州街道,江西省瑞州监狱,上湖乡,伍桥镇,八景镇,大城镇,太阳镇,建山镇,新街镇,村前镇,杨圩镇,灰埠镇,独城镇,田南镇,相城镇,石脑镇,英岗岭矿务局,江西八景煤矿有限公司,相城垦殖场,江西新茂实业公司,筠阳街道,黄沙岗镇,上游水库工程管理局,高安市华林山风景区管委会,高安市新世纪工业城管委会
宜春市高安市下辖区域坐标
{"祥符镇":[115.42099950463677,28.50526209292664],"荷岭镇":[115.43645093631454,28.32792493310349],"蓝坊镇":[115.48596984989678,28.40751212214274],"龙潭镇":[115.24151927221484,28.38086523761366],"汪家圩乡":[115.34401893160975,28.5361696701408],"瑞州街道":[115.36620336105527,28.46127997375367],"江西省瑞州监狱":[115.12556001368378,28.24870950380043],"上湖乡":[115.34762573736378,28.3505334076316],"伍桥镇":[115.24101925644437,28.58015879104453],"八景镇":[115.48434236327053,28.15979922014014],"大城镇":[115.51160376854814,28.52757211463774],"太阳镇":[115.27851360192932,28.1937835248775],"建山镇":[115.21897529414044,28.11331991719465],"新街镇":[115.35854026313751,28.19628100568508],"村前镇":[115.15845513820933,28.46603830216249],"杨圩镇":[115.16007268040417,28.34834421542729],"灰埠镇":[115.24354188753185,28.28220876807726],"独城镇":[115.48509035488476,28.23615773592685],"田南镇":[115.10173895237436,28.11616535546167],"相城镇":[115.14899083578446,28.2112605134827],"石脑镇":[115.2859073286202,28.44500714014458],"英岗岭矿务局":[115.18752867424828,28.11532296785449],"江西八景煤矿有限公司":[115.49449022484066,28.17508450146347],"相城垦殖场":[115.16993776358227,28.17515940340953],"江西新茂实业公司":[115.40104438828973,28.1846876441562],"筠阳街道":[115.39250657206156,28.40371121848559],"黄沙岗镇":[115.34032037646325,28.29453895518002],"上游水库工程管理局":[115.07631532794932,28.54104171339436],"高安市华林山风景区管委会":[115.09963787238716,28.57650414031393],"高安市新世纪工业城管委会":[115.47528872067747,28.37336104637178]}
宜春市高安市行政划分代码
[{"name":"祥符镇","code":"360983116000"},{"name":"荷岭镇","code":"360983101000"},{"name":"蓝坊镇","code":"360983100000"},{"name":"龙潭镇","code":"360983112000"},{"name":"汪家圩乡","code":"360983201000"},{"name":"瑞州街道","code":"360983001000"},{"name":"江西省瑞州监狱","code":"360983502000"},{"name":"上湖乡","code":"360983200000"},{"name":"伍桥镇","code":"360983115000"},{"name":"八景镇","code":"360983104000"},{"name":"大城镇","code":"360983117000"},{"name":"太阳镇","code":"360983106000"},{"name":"建山镇","code":"360983107000"},{"name":"新街镇","code":"360983103000"},{"name":"村前镇","code":"360983114000"},{"name":"杨圩镇","code":"360983113000"},{"name":"灰埠镇","code":"360983110000"},{"name":"独城镇","code":"360983105000"},{"name":"田南镇","code":"360983108000"},{"name":"相城镇","code":"360983109000"},{"name":"石脑镇","code":"360983111000"},{"name":"英岗岭矿务局","code":""},{"name":"江西八景煤矿有限公司","code":""},{"name":"相城垦殖场","code":"360983500000"},{"name":"江西新茂实业公司","code":"360983405000"},{"name":"筠阳街道","code":"360983002000"},{"name":"黄沙岗镇","code":"360983102000"},{"name":"上游水库工程管理局","code":"360983501000"},{"name":"高安市华林山风景区管委会","code":""},{"name":"高安市新世纪工业城管委会","code":"360983400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
