数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是曲靖市会泽县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts曲靖市会泽县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts曲靖市会泽县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts曲靖市会泽县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs曲靖市会泽县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs曲靖市会泽县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
曲靖市会泽县 下辖有 大井镇,娜姑镇,火红乡,田坝乡,矿山镇,者海镇,迤车镇,金钟镇,马路乡,驾车乡,上村乡,乐业镇,五星乡,大桥乡,大海乡,待补镇,新街乡,纸厂乡,老厂乡,雨碌乡,鲁纳乡
曲靖市会泽县下辖区域坐标
{"大井镇":[103.79266915228563,26.49937220575905],"娜姑镇":[103.1449602305454,26.45083559419609],"火红乡":[103.68077105738371,26.83712076072545],"田坝乡":[103.45957599366028,25.9357526204139],"矿山镇":[103.67286233951897,26.66645505924374],"者海镇":[103.60516870881895,26.54439578273143],"迤车镇":[103.513094849761,26.85162542330577],"金钟镇":[103.3263273196214,26.38633728659446],"马路乡":[103.65020276217554,26.92098962317745],"驾车乡":[103.37488078884365,25.97179128071355],"上村乡":[103.51565404119124,26.12015928075737],"乐业镇":[103.4929672861215,26.64032876721375],"五星乡":[103.3105672084562,26.58247978638646],"大桥乡":[103.33007345923286,26.67220179700963],"大海乡":[103.21623650810523,26.27142809953175],"待补镇":[103.3752860318599,26.17733931468195],"新街乡":[103.48693544966457,26.37529523666124],"纸厂乡":[103.4811963065174,26.94289069958938],"老厂乡":[103.16968685755182,26.57933424400046],"雨碌乡":[103.58966916416917,26.36583910973747],"鲁纳乡":[103.57892623926786,26.248777281865]}
曲靖市会泽县行政划分代码
[{"name":"大井镇","code":"530326107000"},{"name":"娜姑镇","code":"530326102000"},{"name":"火红乡","code":"530326207000"},{"name":"田坝乡","code":"530326213000"},{"name":"矿山镇","code":"530326105000"},{"name":"者海镇","code":"530326106000"},{"name":"迤车镇","code":"530326103000"},{"name":"金钟镇","code":""},{"name":"马路乡","code":"530326206000"},{"name":"驾车乡","code":"530326212000"},{"name":"上村乡","code":"530326211000"},{"name":"乐业镇","code":"530326104000"},{"name":"五星乡","code":"530326203000"},{"name":"大桥乡","code":"530326204000"},{"name":"大海乡","code":"530326201000"},{"name":"待补镇","code":"530326108000"},{"name":"新街乡","code":""},{"name":"纸厂乡","code":"530326205000"},{"name":"老厂乡","code":"530326202000"},{"name":"雨碌乡","code":"530326209000"},{"name":"鲁纳乡","code":"530326210000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看