可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是琼中黎族苗族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
琼中黎族苗族自治县,海南省辖自治县,位于海南岛中部,地理坐标介于北纬18°14'-19°25',东经109°31'-110°09'之间,总面积2704.66平方千米。琼中黎族苗族自治县属热带海洋季风气候区,夏长无酷暑,冬短无严寒,春旱夏雨秋末阴,八九十月有台风。截至2020年6月,琼中黎族苗族自治县下辖7个镇、3个乡、1个林场。县人民政府驻营根镇。截至2020年11月1日零时,根据第七次全国人口普查数据,琼中黎族苗族自治县常住人口179586人。
echarts琼中黎族苗族自治县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts琼中黎族苗族自治县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts琼中黎族苗族自治县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs琼中黎族苗族自治县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs琼中黎族苗族自治县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
琼中黎族苗族自治县 下辖有 国营黎母山林业公司,上安乡,中平镇,什运乡,和平镇,湾岭镇,红毛镇,长征镇,吊罗山乡,黎母山镇,国营乌石农场,国营加钗农场,国营长征农场,国营阳江农场,营根镇
琼中黎族苗族自治县下辖区域坐标
{"国营黎母山林业公司":[109.75273132106388,19.19852092877412],"上安乡":[109.81226875844746,18.85294835400428],"中平镇":[],"什运乡":[109.59616680341587,18.99294755325526],"和平镇":[],"湾岭镇":[109.89818160466399,19.15972373261757],"红毛镇":[109.68170295745938,19.03976476954147],"长征镇":[109.85750290192632,18.94754954941326],"吊罗山乡":[109.91958790533207,18.79840247516893],"黎母山镇":[],"国营乌石农场":[],"国营加钗农场":[],"国营长征农场":[],"国营阳江农场":[],"营根镇":[109.87721483597242,19.03486450265413]}
琼中黎族苗族自治县行政划分代码
[{"name":"国营黎母山林业公司","code":""},{"name":"上安乡","code":"469030201000"},{"name":"中平镇","code":"469030106000"},{"name":"什运乡","code":"469030202000"},{"name":"和平镇","code":"469030103000"},{"name":"湾岭镇","code":"469030101000"},{"name":"红毛镇","code":"469030105000"},{"name":"长征镇","code":"469030104000"},{"name":"吊罗山乡","code":"469030200000"},{"name":"黎母山镇","code":"469030102000"},{"name":"国营乌石农场","code":""},{"name":"国营加钗农场","code":""},{"name":"国营长征农场","code":""},{"name":"国营阳江农场","code":""},{"name":"营根镇","code":"469030100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看