可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理阿坝藏族羌族自治州小金县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts阿坝藏族羌族自治州小金县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts阿坝藏族羌族自治州小金县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts阿坝藏族羌族自治州小金县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs阿坝藏族羌族自治州小金县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs阿坝藏族羌族自治州小金县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs阿坝藏族羌族自治州小金县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
阿坝藏族羌族自治州小金县 下辖有 美兴镇,沙龙乡,崇德乡,日尔乡,沃日乡,双柏乡,宅垄乡,木坡乡,潘安乡,达维乡,窝底乡,两河乡,八角乡,抚边乡,新格乡,新桥乡,日隆镇,汗牛乡,结斯乡,美沃乡,老营乡
阿坝藏族羌族自治州小金县下辖区域坐标
{"美兴镇":[102.3634294101015,30.98077178143809],"沙龙乡":[102.28906570153646,30.92694901281597],"崇德乡":[102.33214405415423,31.12287128664046],"日尔乡":[102.58242262258969,31.01373182874352],"沃日乡":[102.49719311030182,31.0051429159637],"双柏乡":[102.43239189841017,31.0697981659258],"宅垄乡":[102.25308788211284,31.01985977921196],"木坡乡":[102.40152668312466,31.25003271289993],"潘安乡":[102.11465598265444,30.69870470644078],"达维乡":[102.6494637497534,31.02241828076276],"窝底乡":[102.18575048079842,30.77361727230777],"两河乡":[102.451650029501,31.50438051474592],"八角乡":[102.4350995690522,31.15234231491387],"抚边乡":[102.43801882849147,31.36295535447249],"新格乡":[102.19933830377033,31.03060310359198],"新桥乡":[102.29160366445072,31.10011090715643],"日隆镇":[102.84294149894777,31.08990859033759],"汗牛乡":[102.31957721299854,30.79328520273369],"结斯乡":[102.61984964533416,31.19718142499445],"美沃乡":[102.45464817488462,30.87432671340533],"老营乡":[102.43028717560253,31.01800237380964]}
阿坝藏族羌族自治州小金县行政划分代码
[{"name":"美兴镇","code":"513227100000"},{"name":"沙龙乡","code":"513227204000"},{"name":"崇德乡","code":"513227201000"},{"name":"日尔乡","code":"513227208000"},{"name":"沃日乡","code":""},{"name":"双柏乡","code":""},{"name":"宅垄乡","code":""},{"name":"木坡乡","code":"513227211000"},{"name":"潘安乡","code":"513227218000"},{"name":"达维乡","code":""},{"name":"窝底乡","code":"513227216000"},{"name":"两河乡","code":""},{"name":"八角乡","code":""},{"name":"抚边乡","code":"513227213000"},{"name":"新格乡","code":""},{"name":"新桥乡","code":"513227202000"},{"name":"日隆镇","code":""},{"name":"汗牛乡","code":"513227217000"},{"name":"结斯乡","code":"513227209000"},{"name":"美沃乡","code":"513227203000"},{"name":"老营乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看