数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理徐州市贾汪区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts徐州市贾汪区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts徐州市贾汪区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts徐州市贾汪区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs徐州市贾汪区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs教程视频 Three.js 3D可视化
threejs徐州市贾汪区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs徐州市贾汪区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
徐州市贾汪区 下辖有 紫庄镇,大吴街道,塔山镇,大泉街道,江庄镇,汴塘镇,工业园区,老矿街道,青山泉镇,潘安湖街道
徐州市贾汪区下辖区域坐标
{"紫庄镇":[117.47938862245059,34.34659180839193],"大吴街道":[117.39684193998619,34.35074801795876],"塔山镇":[117.61194713261824,34.36336025927449],"大泉街道":[117.5037697452467,34.43254249347656],"江庄镇":[117.3969349989784,34.49597899203417],"汴塘镇":[117.62162439113172,34.42799929308737],"工业园区":[117.43104307600021,34.39840096181598],"老矿街道":[117.42604278635766,34.43015417022402],"青山泉镇":[117.34983850836394,34.41262956191135],"潘安湖街道":[117.36735144816653,34.35042213117627]}
徐州市贾汪区行政划分代码
[{"name":"紫庄镇","code":"320305104000"},{"name":"大吴街道","code":"320305004000"},{"name":"塔山镇","code":"320305105000"},{"name":"大泉街道","code":"320305003000"},{"name":"江庄镇","code":"320305107000"},{"name":"汴塘镇","code":"320305106000"},{"name":"工业园区","code":""},{"name":"老矿街道","code":"320305001000"},{"name":"青山泉镇","code":"320305102000"},{"name":"潘安湖街道","code":"320305005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
