数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理兴安盟科尔沁右翼中旗echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
科尔沁右翼中旗，内蒙古自治区 兴安盟 辖县级行政单位，位于内蒙古自治区东部、兴安盟南部，地处大兴安岭南麓、科尔沁沙地北端，属温带大陆性季风气候，毗邻8个旗、县（市），总面积15613平方千米。截至2021年10月，科尔沁右翼中旗辖6个镇、6个苏木，另辖4个乡级单位。截至2021年末，科尔沁右翼中旗户籍总人口248996人。
echarts兴安盟科尔沁右翼中旗geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts兴安盟科尔沁右翼中旗geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts兴安盟科尔沁右翼中旗geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs兴安盟科尔沁右翼中旗geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs兴安盟科尔沁右翼中旗geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs兴安盟科尔沁右翼中旗geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
兴安盟科尔沁右翼中旗 下辖有 吐列毛杜农场,巴仁哲里木镇,杜尔基镇,巴彦淖尔苏木乡,巴彦茫哈苏木乡,布敦化矿区工作部,额木庭高勒苏木乡,孟恩套力盖矿区工作部,高力板镇,布敦化牧场,好腰苏木乡镇,新佳木苏木乡,代钦塔拉苏木乡,吐列毛都镇,巴彦呼舒镇,哈日诺尔苏木乡
兴安盟科尔沁右翼中旗下辖区域坐标
{"吐列毛杜农场":[120.43961565877734,45.77321249294584],"巴仁哲里木镇":[120.28174367055026,45.82626382994498],"杜尔基镇":[121.03885366386893,45.23582738028171],"巴彦淖尔苏木乡":[121.99858333629768,44.66140966671094],"巴彦茫哈苏木乡":[121.7673381394844,44.55236270555091],"布敦化矿区工作部":[121.34037117791172,44.9116499612802],"额木庭高勒苏木乡":[121.18782434372297,45.49547788843525],"孟恩套力盖矿区工作部":[121.3316259234083,45.2137591390746],"高力板镇":[121.7618143934819,44.83766941798409],"布敦化牧场":[121.39275516430419,44.94612512972233],"好腰苏木乡镇":[122.09460370030075,44.4002087639581],"新佳木苏木乡":[121.94466809604444,45.09983474569472],"代钦塔拉苏木乡":[121.47185217302827,45.1952582844469],"吐列毛都镇":[120.81636831380547,45.55315836088167],"巴彦呼舒镇":[121.32607983972369,44.98911506473847],"哈日诺尔苏木乡":[119.94189895060714,45.71643506817483]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
