可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理吉安市新干县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts吉安市新干县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts吉安市新干县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts吉安市新干县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs吉安市新干县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs吉安市新干县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
吉安市新干县 下辖有 地质大队,黎山林场,新干工业园区,三湖镇,沂江乡,溧江镇,潭丘乡,洋峰农场,神政桥乡,七琴镇,界埠镇,荷浦乡,大洋洲镇,城上乡,桃溪乡,金川镇,麦斜镇
吉安市新干县下辖区域坐标
{"地质大队":[115.3722638347993,27.73598745539228],"黎山林场":[115.57638806575731,27.81480400878568],"新干工业园区":[115.40004015379853,27.77478601274787],"三湖镇":[115.40973559014057,27.91028195735639],"沂江乡":[115.34936386278702,27.68055489801174],"溧江镇":[115.4649490246639,27.81743815264903],"潭丘乡":[115.56149463525401,27.59082840016456],"洋峰农场":[115.44306702843969,27.64373856634853],"神政桥乡":[115.47738560537466,27.72205178753774],"七琴镇":[115.60981021028078,27.73180198720594],"界埠镇":[115.3219727621873,27.75834780805607],"荷浦乡":[115.36759746561239,27.83102257499836],"大洋洲镇":[115.49122134484631,27.90796840376581],"城上乡":[115.67083271038074,27.69750109312615],"桃溪乡":[115.59342474793308,27.80170825423166],"金川镇":[115.41632554075589,27.70752116413316],"麦斜镇":[115.49887355531077,27.62710424437952]}
吉安市新干县行政划分代码
[{"name":"地质大队","code":"360824405000"},{"name":"黎山林场","code":"360824502000"},{"name":"新干工业园区","code":"360824404000"},{"name":"三湖镇","code":"360824101000"},{"name":"沂江乡","code":"360824205000"},{"name":"溧江镇","code":"360824106000"},{"name":"潭丘乡","code":"360824203000"},{"name":"洋峰农场","code":""},{"name":"神政桥乡","code":"360824204000"},{"name":"七琴镇","code":"360824103000"},{"name":"界埠镇","code":"360824105000"},{"name":"荷浦乡","code":"360824207000"},{"name":"大洋洲镇","code":"360824102000"},{"name":"城上乡","code":"360824202000"},{"name":"桃溪乡","code":"360824201000"},{"name":"金川镇","code":"360824100000"},{"name":"麦斜镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
