数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理衢州市常山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts衢州市常山县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts衢州市常山县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts衢州市常山县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs衢州市常山县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL 3D可视化教程
threejs衢州市常山县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
衢州市常山县 下辖有 天马街道,紫港街道,金川街道,东案乡,何家乡,同弓乡,招贤镇,新昌乡,球川镇,白石镇,芳村镇,辉埠镇,青石镇,大桥头乡
衢州市常山县下辖区域坐标
{"天马街道":[118.49998494800096,28.84346205620626],"紫港街道":[118.531812952808,28.9336880507653],"金川街道":[118.46318029831073,28.89681130363352],"东案乡":[118.66599671066282,29.04346657151334],"何家乡":[118.3983826081201,28.95310222351522],"同弓乡":[118.41122057028394,28.89790229445561],"招贤镇":[118.6723499367562,28.92369328945662],"新昌乡":[118.59650763356557,29.11844147749942],"球川镇":[118.34033250079702,28.87481558446012],"白石镇":[118.41057127672022,28.82022349406016],"芳村镇":[118.66219893977495,29.1095187789822],"辉埠镇":[118.5104268956733,28.9944895862094],"青石镇":[118.60282070532583,28.89985530184993],"大桥头乡":[118.5987612043167,28.98575738039921]}
衢州市常山县行政划分代码
[{"name":"天马街道","code":"330822001000"},{"name":"紫港街道","code":"330822002000"},{"name":"金川街道","code":"330822003000"},{"name":"东案乡","code":"330822221000"},{"name":"何家乡","code":"330822200000"},{"name":"同弓乡","code":"330822211000"},{"name":"招贤镇","code":"330822108000"},{"name":"新昌乡","code":"330822219000"},{"name":"球川镇","code":"330822111000"},{"name":"白石镇","code":"330822104000"},{"name":"芳村镇","code":"330822116000"},{"name":"辉埠镇","code":"330822115000"},{"name":"青石镇","code":"330822109000"},{"name":"大桥头乡","code":"330822213000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
