可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理阿坝藏族羌族自治州阿坝县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts阿坝藏族羌族自治州阿坝县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts阿坝藏族羌族自治州阿坝县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts阿坝藏族羌族自治州阿坝县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs阿坝藏族羌族自治州阿坝县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs阿坝藏族羌族自治州阿坝县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs阿坝藏族羌族自治州阿坝县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
阿坝藏族羌族自治州阿坝县 下辖有 阿坝镇,贾洛乡,甲尔多乡,贾柯河牧场,若柯河农场,各莫乡,四洼乡,麦昆乡,垮沙乡,安斗乡,安羌乡,德格乡,查理乡,柯河乡,河支乡,茸安乡,龙藏乡,哇尔玛乡,求吉玛乡,洛尔达乡,麦尔玛乡
阿坝藏族羌族自治州阿坝县下辖区域坐标
{"阿坝镇":[101.66989176732372,32.92032863626364],"贾洛乡":[102.35709337095514,33.11562396691365],"甲尔多乡":[101.40583584825433,33.13965537831869],"贾柯河牧场":[102.2555247194043,33.0389377400801],"若柯河农场":[101.53503205693659,33.06672016074923],"各莫乡":[101.619290476983,32.99308883644193],"四洼乡":[101.6903428297998,33.09873550774395],"麦昆乡":[101.83383931901132,32.97062688374883],"垮沙乡":[101.47342316463028,32.59720189205505],"安斗乡":[101.35852403206252,33.04628052135333],"安羌乡":[101.88240301550297,32.6857276874953],"德格乡":[101.36890436915749,32.90399468064069],"查理乡":[102.11949507645474,32.65003436620589],"柯河乡":[101.29150336709768,32.6524264319016],"河支乡":[101.59074721809219,32.83171238981721],"茸安乡":[101.71752788544616,32.48351014179882],"龙藏乡":[101.76102869214319,33.09522309426086],"哇尔玛乡":[101.74388680387774,32.92587349357687],"求吉玛乡":[101.79614924184776,33.43394916284377],"洛尔达乡":[101.70362224821992,32.71850525247305],"麦尔玛乡":[102.01337742580043,32.9768690829612]}
阿坝藏族羌族自治州阿坝县行政划分代码
[{"name":"阿坝镇","code":"513231100000"},{"name":"贾洛乡","code":""},{"name":"甲尔多乡","code":""},{"name":"贾柯河牧场","code":""},{"name":"若柯河农场","code":""},{"name":"各莫乡","code":""},{"name":"四洼乡","code":"513231208000"},{"name":"麦昆乡","code":"513231201000"},{"name":"垮沙乡","code":"513231211000"},{"name":"安斗乡","code":"513231209000"},{"name":"安羌乡","code":""},{"name":"德格乡","code":""},{"name":"查理乡","code":"513231213000"},{"name":"柯河乡","code":"513231210000"},{"name":"河支乡","code":""},{"name":"茸安乡","code":"513231214000"},{"name":"龙藏乡","code":"513231203000"},{"name":"哇尔玛乡","code":""},{"name":"求吉玛乡","code":"513231204000"},{"name":"洛尔达乡","code":""},{"name":"麦尔玛乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
