可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理阜阳市界首市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts阜阳市界首市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts阜阳市界首市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts阜阳市界首市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs阜阳市界首市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs阜阳市界首市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs阜阳市界首市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
阜阳市界首市 下辖有 顾集镇,东城街道,芦村镇,靳寨乡,砖集镇,代桥镇,任寨乡,光武镇,大黄镇,泉阳镇,舒庄镇,王集镇,田营镇,邴集乡,西城街道,陶庙镇,新马集镇,颍南街道
阜阳市界首市下辖区域坐标
{"顾集镇":[115.36168092259392,33.07161522265016],"东城街道":[115.39889666342665,33.26210867998606],"芦村镇":[115.375609288248,33.48445210428092],"靳寨乡":[115.38246150987327,33.31675114941058],"砖集镇":[115.28666993723843,33.11190085196735],"代桥镇":[115.48312443947239,33.04719718984342],"任寨乡":[115.44025977029128,33.14069511686014],"光武镇":[115.357395467255,33.37713975246822],"大黄镇":[115.41922326074496,33.31239149433344],"泉阳镇":[115.4576783341813,33.08935926810304],"舒庄镇":[115.42286239065581,33.04089144658494],"王集镇":[115.35993737549266,33.13102374778078],"田营镇":[115.39911085641506,33.20963271977405],"邴集乡":[115.36892364952851,33.43126268960866],"西城街道":[115.35476957105615,33.28071899963977],"陶庙镇":[115.35463065954136,33.18665434457759],"新马集镇":[115.40056763932287,33.39459930714439],"颍南街道":[115.34819385920522,33.23787989113955]}
阜阳市界首市行政划分代码
[{"name":"顾集镇","code":"341282109000"},{"name":"东城街道","code":"341282001000"},{"name":"芦村镇","code":"341282102000"},{"name":"靳寨乡","code":"341282201000"},{"name":"砖集镇","code":"341282108000"},{"name":"代桥镇","code":""},{"name":"任寨乡","code":"341282202000"},{"name":"光武镇","code":"341282100000"},{"name":"大黄镇","code":"341282104000"},{"name":"泉阳镇","code":"341282101000"},{"name":"舒庄镇","code":"341282111000"},{"name":"王集镇","code":"341282107000"},{"name":"田营镇","code":"341282105000"},{"name":"邴集乡","code":"341282200000"},{"name":"西城街道","code":"341282002000"},{"name":"陶庙镇","code":"341282106000"},{"name":"新马集镇","code":"341282103000"},{"name":"颍南街道","code":"341282003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
