大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是梅州市五华县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
五华县,旧名长乐县,民国初改现名,隶属 广东省 梅州市,地处广东省东北部,韩江上游,是粤东丘陵地带的一部分。东南界丰顺、揭西、陆河,西南接东源、紫金,西北邻龙川,东北连兴宁。总面积3237.8平方公里。辖16个镇,县政府驻水寨镇。
echarts梅州市五华县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts梅州市五华县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts梅州市五华县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs梅州市五华县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs梅州市五华县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs梅州市五华县geoJson地图3d地图
通过threejs绘制的3d地图实例
梅州市五华县下辖有华阳镇,双华镇,岐岭镇,水寨镇,郭田镇,华城镇,周江镇,安流镇,梅林镇,棉洋镇,横陂镇,河东镇,潭下镇,转水镇,长布镇,龙村镇
梅州市五华县下辖区域坐标
{"华阳镇":[115.49331688783727,23.63099959751318],"双华镇":[115.84949201222203,23.73375423015797],"岐岭镇":[115.4805269227268,24.05770067795754],"水寨镇":[115.78804394249744,23.95841210603069],"郭田镇":[115.9265978709001,23.82683126217127],"华城镇":[115.58030203605904,24.07673118864378],"周江镇":[115.55475845534676,23.75998211639647],"安流镇":[115.68364304572421,23.71293490335666],"梅林镇":[115.61089246798547,23.60213417373338],"棉洋镇":[115.7452635490703,23.61812976477385],"横陂镇":[115.66529287402693,23.86519346141102],"河东镇":[115.83700149483857,23.88177024303505],"潭下镇":[115.50515350473603,23.93910417209495],"转水镇":[115.65898155947562,24.00683787353778],"长布镇":[115.41966432704643,23.81232014565343],"龙村镇":[115.51394092228482,23.49107421346023]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。