大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理甘南藏族自治州卓尼县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
卓尼县，隶属 甘肃省 甘南藏族自治州，位于青藏高原的东部边缘，甘肃省甘南藏族自治州东南部，全县总面积5419.68平方千米。卓尼县属高原性大陆气候，截至2021年10月，卓尼县下辖11个镇、4个乡。 县政府驻柳林镇。根据第七次人口普查数据，截至2020年11月1日零时，卓尼县常住人口为95387人。
echarts甘南藏族自治州卓尼县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts甘南藏族自治州卓尼县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts甘南藏族自治州卓尼县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs甘南藏族自治州卓尼县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs甘南藏族自治州卓尼县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs甘南藏族自治州卓尼县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
甘南藏族自治州卓尼县 下辖有 康多乡,恰盖乡,木耳镇,勺哇土族乡,柳林镇,扎古录镇,藏巴哇乡,阿子塘乡,刀告乡,完冒乡,尼巴乡,洮砚乡,申藏乡,纳浪乡,喀尔钦乡
甘南藏族自治州卓尼县下辖区域坐标
{"康多乡":[103.48828414259081,35.05420206951845],"恰盖乡":[103.43401520142278,34.85813039955168],"木耳镇":[103.58739386228237,34.42414967788308],"勺哇土族乡":[103.57339024751175,34.99141351033553],"柳林镇":[103.4841936986216,34.62010406712596],"扎古录镇":[103.10586320952171,34.64147070361838],"藏巴哇乡":[103.92315518809583,34.85858928564319],"阿子塘乡":[103.27041270329076,34.71270471949504],"刀告乡":[103.12088325751411,34.4623610279064],"完冒乡":[103.21739442932838,34.85274309524057],"尼巴乡":[102.98708976682144,34.43130558882395],"洮砚乡":[103.83915578407732,34.80200266806916],"申藏乡":[103.39917706376002,34.78407216504304],"纳浪乡":[103.71483978348284,34.46869072065489],"喀尔钦乡":[]}
甘南藏族自治州卓尼县行政划分代码
[{"name":"康多乡","code":"623022208000"},{"name":"恰盖乡","code":"623022207000"},{"name":"木耳镇","code":"623022101000"},{"name":"勺哇土族乡","code":""},{"name":"柳林镇","code":"623022100000"},{"name":"扎古录镇","code":"623022102000"},{"name":"藏巴哇乡","code":""},{"name":"阿子塘乡","code":""},{"name":"刀告乡","code":"623022202000"},{"name":"完冒乡","code":""},{"name":"尼巴乡","code":""},{"name":"洮砚乡","code":""},{"name":"申藏乡","code":""},{"name":"纳浪乡","code":""},{"name":"喀尔钦乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
