数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是镇江市句容市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts镇江市句容市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts镇江市句容市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts镇江市句容市geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs镇江市句容市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化教程
threejs镇江市句容市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs镇江市句容市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
镇江市句容市 下辖有 茅山,下蜀镇,华阳镇,后白镇,天王镇,宝华镇,开发区,白兔镇,茅山镇,赤山湖,边城镇,郭庄镇
镇江市句容市下辖区域坐标
{"茅山":[119.2829678446927,31.77046746503648],"下蜀镇":[119.17273480342354,32.14439095181361],"华阳镇":[119.17435742240602,31.98969728722331],"后白镇":[119.1760643329929,31.8331963546659],"天王镇":[119.20749420060201,31.70347187279204],"宝华镇":[119.07972586703558,32.14978107612997],"开发区":[119.1019566935652,32.00383729437475],"白兔镇":[119.30013016311784,31.99029140642408],"茅山镇":[119.27920408998243,31.89135619467437],"赤山湖":[119.07066596006482,31.84224173619535],"边城镇":[119.28087338205418,32.05672437290999],"郭庄镇":[119.06522359313587,31.79247673626481]}
镇江市句容市行政划分代码
[{"name":"茅山","code":""},{"name":"下蜀镇","code":"321183102000"},{"name":"华阳镇","code":""},{"name":"后白镇","code":"321183106000"},{"name":"天王镇","code":"321183108000"},{"name":"宝华镇","code":"321183109000"},{"name":"开发区","code":""},{"name":"白兔镇","code":"321183103000"},{"name":"茅山镇","code":"321183105000"},{"name":"赤山湖","code":""},{"name":"边城镇","code":"321183104000"},{"name":"郭庄镇","code":"321183107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
