README.md

    一、CSDN数据可视化三维地图展示

    此项目的灵感来源于CSDN开源实验室的“CSDN数据可视化”项目。[https://map.csdn.net/]

    CSDN提供了一系列的脱敏内部数据,比如:用户原力值、省/城市原力总分、作者粉丝分布、创作动态等各种数据来支持开源项目发展。

    借此机会,博主使用这些数据视图+vue3、cesuim、echart、axios等技术栈,开发了一个CSDN数据可视化三维地图展示

    二、项目介绍

    数据源:

    1. 获取原力视图用户信息 [https://map-api.csdn.net/v1/get-force-info]

    2. 获取获取粉丝分布 [https://map-api.csdn.net/v1/get-fan-distribution]

    3. 获取铁粉视图用户信息 [https://map-api.csdn.net/v1/get-hardcore-fan-info]

    界面:

    1. 全网博主原力排名分布

    2. 全网博主铁粉排名分布

    3. 博主粉丝分布

    技术栈:

    vue3 + axios + vue-router + less + element-plus + cesuim + echart

    三、V0.1版本主要功能

    1. 通过三维地图展示各省技术贡献热度值;(暂定:计算各地区TOP1000原力值总分)

    2. 在地图上可展示各区域原力分TOP1头像;(点击可进入主页)

    3. 点击省份可展示该区域内创作者原力分TOP100。

    待完善:

    1. 移动端适配
    2. 三维地图与菜单面板联动
    3. 后续根据提供的数据实现更加丰富的三维交互效果乃至VR交互效果

    四、交流互动

    1. 喜欢本项目的朋友,可以在本项目gitcode地址前加ide,即可启动云服务器版的vscode来开发学习源码,非常方便快捷,不受空间限制,只需要 你有浏览器你就可以开发项目 示例:[https://idegitcode.net/m0_61243965/1024]

    2. 想学习three.js的朋友,在gitcode博主还开源了另外一个three.js项目,也开放给大家学习 [https://gitcode.net/m0_61243965/earth-moon-rockey-fly]

    3. 云 IDE 应用挑战赛是由 CSDN 自主策划的轻量级挑战赛事。参赛者可在云 IDE 上自动拉取代码并在线运行、预览、提交代码,赛事所有的事项都可以在云 IDE 内一站式完成。比赛不对作品提交形式作限制,参赛者可以尽情发挥自己的想象力。 在此感谢csdn和云IDE背后默默付出的开发人员和工作人员

    项目简介

    此项目的灵感来源于CSDN开源实验室的“CSDN数据可视化”项目。[https://map.csdn.net/] CSDN提供了一系列的脱敏内部数据,比如:用户原力值、省/城市原力总分、作者粉丝分布、创作动态等各种数据来支持开源项目发展。 借此机会,博主使用这些数据视图+vue3、cesuim、echart、axios等技术栈,开发了一个CSDN数据可视化三维地图展示

    发行版本

    当前项目没有发行版本

    贡献者 6

    言程序plus @m0_61243965
    慢慢走~ @weixin_48029895
    View Design @viewdesign1
    6 628f27b3fb72c14e897fac6b @628f27b3fb72c14e897fac6b
    C cpongo2 @cpongo2

    开发语言

    • JavaScript 98.9 %
    • Vue 0.8 %
    • CSS 0.3 %
    • HTML 0.0 %