← 返回项目库

前后端分离的地图标注平台｜苗刻地图

面向个人与小团队的中文空间标注工作台，集中整理地点、路线和区域。

苗刻地图提供地图工作台、点标注、路线、区域范围、搜索筛选与标注详情；本次交付验证的是内置本地预览适配器和 Koa/SQLite 后端健康接口。

真实界面

项目截图

共 6 张

地图工作台
地图概览
点标注
路线规划
区域范围
最近动态

Capabilities

核心功能

✓中文地图工作台与项目卡片
✓地点点标注与详情查看
✓路线规划展示与列表管理
✓区域范围展示与图层开关
✓标注搜索与地图筛选
✓本地浏览器保存与演示数据恢复
✓Koa/SQLite 后端与演示种子数据

适用场景

整理城市探索地点与旅行路线
记录门店、客户量房和全屋定制项目位置
梳理团队工作路线与服务范围

适合谁

需要整理门店、客户项目、城市探索或工作路线的个人与小团队。

商业化思路

开源源码交付与二次开发服务；部署、再分发和网络服务须遵循上游 MIT 许可证及版权声明。

你会拿到什么

  • ✓中文化前端与本地预览适配
  • ✓Koa/SQLite 后端及演示种子
  • ✓固定构建、接口验证和真实页面截图证据

部署流程

  1. 1分别进入 mark-map-web 与 mark-map-server 执行 yarn install --frozen-lockfile。
  2. 2后端通过 MARK_MAP_PORT、MARK_MAP_DB_PATH 和 MARK_MAP_TOKEN_KEY 配置运行参数，执行 yarn start 启动服务。
  3. 3前端执行 yarn build 后由静态服务器托管 dist；正式接入地图服务、鉴权和反向代理前请先替换本地预览适配器。

真实验证结果

已通过固定构建、后端 /healthz、登录与地图数据接口、中文本地预览交互，以及 6 张 1440×900 真实运行功能页证据。

部署前须知

本次页面默认使用 localStorage 演示数据，未接入云端地图瓦片、账号服务或第三方 API；正式部署仍需配置实际地图服务、鉴权、反向代理和备份。

部署难度

简单

最低配置

Node.js 18 或更高版本；后端使用 SQLite，无需额外数据库服务；正式部署请通过环境变量覆盖默认账号和 JWT 密钥。

开源许可证

MIT

最后验证

2026-09-04

技术栈

Vue 3ViteJavaScriptKoa 2SequelizeSQLiteSVG 本地预览适配

授权说明

交付包保留上游 LICENSE 与 Copyright (c) 2022 joe；本次中文化、本地预览适配和配置改动不扩大上游许可证授予的权利范围。

Release notes

版本记录

1 个已发布版本

vcn-c6a2c8ac 当前推荐

将前端重构为中文地图工作台，加入本地版本化演示数据、点标注保存流程、路线与区域视图，并补充 Koa/SQLite 健康接口和演示种子。

部署要求：Node.js 18 或更高版本；前端使用 Vite，后端使用 Koa、Sequelize 与 SQLite；正式部署前请配置实际鉴权、地图服务和反向代理。

已知问题：本地预览数据只保存在当前浏览器；云端地图瓦片、真实账号、第三方 API、生产备份与完整部署安全配置尚未接入。

登录后领取