项目简介
MapDiary 是一款轻量级的网页/移动应用,以地图为核心,能让用户通过地图标记记录生活中的美好瞬间,实现个人记忆的数字化管理。该应用结合了日记记录与地图定位功能,为用户带来独特的记录体验。
项目的主要特性和功能
- 用户账户管理:支持注册、登录、注销,可设置昵称、头像等个人信息。
- 地图与标记操作:能在地图上自由添加标记,添加时遵循特定规则,可查看已存在标记对应的文档。
- 文档编辑与发布:提供类似博客应用的完整编辑器,支持组织不同格式文本,可插入图片、视频等多媒体内容。
- 地图浏览功能:可将个人地图或文档设为公开,提供公共地图页面查看他人公开标记,也能通过特定用户 ID 查看他人个人地图。
- 搜索功能:可按关键词搜索自己或他人的文档,能搜索地点并展示该地标记的文档。
- 移动应用支持:开发了适配移动设备的移动端版本。
- 个性化设置:允许用户创建和分享自定义文档模板,提供多种网站颜色主题。
安装使用步骤
假设用户已经下载了本项目的源码文件,按以下步骤进行安装和使用:
1. 安装依赖环境
- 安装 Node v14:
sh
nvm install 14
npm install -g npm@6
nvm use 14
- 安装 MongoDB 服务器:
sh
curl -fsSL https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add # add mongodb to the official repo
apt install gnupg # may be needed
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu bionic/mongodb-org/4.4 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.4.list
apt update # to find mongo-db
apt install mongodb-org
sh
mkdir -p /data/db
sh
npm install mongodb@3
2. 安装项目依赖
- 进入项目目录:
sh
cd ui
npm install
cd ../api
npm install
3. 初始化 MongoDB
- 启动 Mongo 服务器:
sh
screen mongod
<C-a> d
- 初始化:
sh
cd api
mongo mapdiary scripts/init.mongo.js
4. 编译项目
sh
cd ../ui
npm run build
5. 启动项目
- 启动 API 服务器(端口 3000):
sh
cd ../api
npm run start
- 启动 UI 服务器(端口 8000):
sh
cd ../ui
npm run start
6. 访问应用:在浏览器中访问应用,开始使用 MapDiary。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】