可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理徐州市新沂市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts徐州市新沂市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts徐州市新沂市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts徐州市新沂市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs徐州市新沂市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs徐州市新沂市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
徐州市新沂市 下辖有 北沟街道,合沟镇,新店镇,港头镇,双塘镇,瓦窑镇,时集镇,邵店镇,棋盘镇,窑湾镇,草桥镇,高流镇,唐店街道,墨河街道,新安街道,马陵山镇,阿湖镇,经济开发区,锡沂工业园区
徐州市新沂市下辖区域坐标
{"北沟街道":[118.3959728016969,34.35174500751933],"合沟镇":[118.12097822738316,34.42116570421679],"新店镇":[118.30048729663395,34.15355875886662],"港头镇":[118.20161350451758,34.30619877676467],"双塘镇":[118.47757308358356,34.38539510875025],"瓦窑镇":[118.19931391432524,34.36975701573219],"时集镇":[118.4875529220007,34.22386623889496],"邵店镇":[118.45232656529481,34.13182425645613],"棋盘镇":[118.2340201825579,34.21338721970575],"窑湾镇":[118.07781033459545,34.21400342002504],"草桥镇":[118.13348983448634,34.28264115052538],"高流镇":[118.49348936064283,34.30356191812056],"唐店街道":[118.37274038385121,34.28845288970453],"墨河街道":[118.29011491587212,34.32980368441349],"新安街道":[118.34996290712917,34.37524120833982],"马陵山镇":[118.37653549633916,34.20830175155221],"阿湖镇":[118.59856889810096,34.38441837346685],"经济开发区":[118.2456270366022,34.34131350551361],"锡沂工业园区":[118.36271171628681,34.31302436777165]}
徐州市新沂市行政划分代码
[{"name":"北沟街道","code":"320381002000"},{"name":"合沟镇","code":"320381105000"},{"name":"新店镇","code":"320381110000"},{"name":"港头镇","code":"320381103000"},{"name":"双塘镇","code":"320381116000"},{"name":"瓦窑镇","code":"320381102000"},{"name":"时集镇","code":"320381113000"},{"name":"邵店镇","code":"320381111000"},{"name":"棋盘镇","code":"320381108000"},{"name":"窑湾镇","code":"320381107000"},{"name":"草桥镇","code":"320381106000"},{"name":"高流镇","code":"320381114000"},{"name":"唐店街道","code":"320381004000"},{"name":"墨河街道","code":"320381003000"},{"name":"新安街道","code":"320381001000"},{"name":"马陵山镇","code":"320381109000"},{"name":"阿湖镇","code":"320381115000"},{"name":"经济开发区","code":"320381401000"},{"name":"锡沂工业园区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
