大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理南京市溧水区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南京市溧水区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts南京市溧水区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts南京市溧水区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs南京市溧水区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs教程视频 3D可视化Three.js视频教程
threejs南京市溧水区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs南京市溧水区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
南京市溧水区 下辖有 溧水开发区,东屏镇,和凤镇,晶桥镇,柘塘镇,永阳镇,洪蓝镇,白马镇,石湫镇
南京市溧水区下辖区域坐标
{"溧水开发区":[119.01918037690953,31.68848740412376],"东屏镇":[119.08183005911701,31.71940102293166],"和凤镇":[118.95330955460742,31.46757872593682],"晶桥镇":[119.0769979329676,31.49957416174429],"柘塘镇":[118.97716796875787,31.74159931948007],"永阳镇":[119.05001624660409,31.63962253437192],"洪蓝镇":[118.98569045270992,31.58806041096632],"白马镇":[119.16403658463372,31.59868673601783],"石湫镇":[118.90145173866686,31.61567624188551]}
南京市溧水区行政划分代码
[{"name":"溧水开发区","code":"320117400000"},{"name":"东屏镇","code":""},{"name":"和凤镇","code":"320117107000"},{"name":"晶桥镇","code":"320117106000"},{"name":"柘塘镇","code":""},{"name":"永阳镇","code":""},{"name":"洪蓝镇","code":""},{"name":"白马镇","code":"320117101000"},{"name":"石湫镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
