可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是无锡市江阴市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts无锡市江阴市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts无锡市江阴市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts无锡市江阴市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs无锡市江阴市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣，可以观看threejs视频课程 Three.js 3D可视化
threejs无锡市江阴市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs无锡市江阴市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
无锡市江阴市 下辖有 江苏江阴—靖江工业园区,华士镇,周庄镇,新桥镇,月城镇,璜土镇,祝塘镇,长泾镇,顾山镇,云亭街道,南闸街道,澄江街道,江阴高新技术产业开发区,青阳镇,临港街道,徐霞客镇
无锡市江阴市下辖区域坐标
{"江苏江阴—靖江工业园区":[120.20301383573208,31.95007986558825],"华士镇":[120.45325386018649,31.82416790073418],"周庄镇":[120.39775552665554,31.8413396477327],"新桥镇":[120.49888936143,31.81596306417033],"月城镇":[120.21508349130183,31.80420494931663],"璜土镇":[120.02838868401068,31.89729802749539],"祝塘镇":[120.3923880841555,31.7418433995566],"长泾镇":[120.47166037361877,31.75058071608183],"顾山镇":[120.54104366824257,31.762820936771],"云亭街道":[120.33309993221286,31.86150136798025],"南闸街道":[120.2242575815848,31.84756612701287],"澄江街道":[120.26693406418573,31.90289130988125],"江阴高新技术产业开发区":[120.33951099674715,31.93815999273665],"青阳镇":[120.25257673149196,31.76248775264202],"临港街道":[120.12763570915267,31.90430929030612],"徐霞客镇":[120.31064986825015,31.77204570191875]}
无锡市江阴市行政划分代码
[{"name":"江苏江阴—靖江工业园区","code":""},{"name":"华士镇","code":"320281107000"},{"name":"周庄镇","code":"320281108000"},{"name":"新桥镇","code":"320281109000"},{"name":"月城镇","code":"320281102000"},{"name":"璜土镇","code":"320281100000"},{"name":"祝塘镇","code":"320281112000"},{"name":"长泾镇","code":"320281110000"},{"name":"顾山镇","code":"320281111000"},{"name":"云亭街道","code":"320281005000"},{"name":"南闸街道","code":"320281004000"},{"name":"澄江街道","code":"320281001000"},{"name":"江阴高新技术产业开发区","code":"320281400000"},{"name":"青阳镇","code":"320281103000"},{"name":"临港街道","code":""},{"name":"徐霞客镇","code":"320281104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
