给手绘地图设计师的工具

把你画的地图,贴回真实的地图上

在高德上圈出景区,导出带坐标网格的底图,照着画完传回来,它就精准地铺在真实地图上:能缩放、能定位、能发布成 H5 和小程序。

免费版可以圈范围、标注、导出底图;发布与代码包按项目开通。

高德真实地图贴回去的手绘图
← 拖动对比示例:程序生成的手绘图
怎么用

四步,从一片空地图到一张能用的导览图

每一步都只做一件事,做完的东西直接进下一步,不用来回换工具。

1

圈范围

搜到景区,在高德地图上勾出多边形边界;OSM 有边界的自动带出,没有的先给默认范围,也能从高德粘贴真实边界。

123
2

标注

景点、大门、服务点、美食逐个钉图钉,画主路、小径、水系和建筑区块,编号自动排。

106.44,29.58106.46,29.57
3

导出底图

一键导出带网格线与四角经纬度的设计师底图 PNG,再加一份标注 JSON,位置尺寸全是准的。

4

贴回发布

按原尺寸画完传回来,自动按坐标贴到真实地图上、范围外裁透明。发布成 H5 或小程序代码包。

功能

设计师画图,剩下的交给它

所有和坐标、贴图、发布有关的脏活都做好了,你只管把图画漂亮。

底图自带坐标网格

导出的底图四角标经纬度、内嵌网格线,设计师在 Photoshop 里照着画,位置不会跑偏。

贴回真实地图

手绘图按范围贴到高德底图上,可缩放平移,范围外自动透明,游客能定位、能看自己在哪。

Photoshop 自动排版

标注 JSON 直接驱动 PS 脚本:标题找宽边、指北针找空地、标签避路避重叠,分层输出可改。

景点、路线、区块

四类景点、三种路线、建筑区块一套标完,编号与图例自动生成,改一处全图同步。

一键发布

生成带二维码的展示页链接,或下载 H5 / 小程序代码包嵌进景区自己的公众号与小程序。

微信登录,自己部署也行

电脑扫码或微信内授权登录;需要的话整套装在你自己的服务器,一条命令安装升级。

给谁用

三种人,一套工具

手绘地图设计师

接景区的活,交付的不再只是一张图,而是一个能打开的导览页,一单能多收一截。

景区运营

自己有设计师或找外包都行,最后拿到的是可以挂进公众号、小程序的导览,随时改随时发。

文旅公司与工作室

同时做多个景区,工作室授权不限项目;要合规和数据在自己手里,就整套私有部署。

价格

先免费画,要发布再开通

做图的全部功能免费,只有发布展示页和下载代码包需要授权。

免费

¥0
  • 圈范围、标注、AI 辅助
  • 导出设计师底图与标注 JSON
  • 在编辑器里预览贴图效果
  • 发布展示页
  • 下载代码包
免费开始

单景区

按项目/ 年
  • 一个项目的授权链接与二维码
  • 展示页托管,更新发布不限次
  • 该项目 H5 / 小程序代码包
联系开通

工作室

按账号/ 年
  • 账号下所有项目都能发布
  • 所有项目代码包都能下载
  • 项目数量不限
联系开通

私有部署

一次性
  • 整套装在你的服务器
  • 不限项目、不限账号、无授权闸门
  • 一条命令安装与升级
联系开通

具体价格和联系方式在编辑器的「发布」页里直接显示;私有部署按服务器数量一次性收费。

常见问题

动手前想清楚的几件事

游客在高德 App 里能看到手绘图吗?

不能。手绘图只显示在用我们生成的展示页、H5 或小程序里,高德 App 本身不会显示第三方贴图。景区把展示页挂到自己的公众号菜单或小程序里给游客用。

我需要会写代码吗?

不需要。圈范围、标注、导出、贴图、发布全在浏览器里点完;Photoshop 自动排版脚本是可选的,不用也能手工画。

底图导出来之后怎么画?

按导出的 PNG 原始尺寸新建画布或直接在上面画,边界虚线和网格是参考,画完导出同尺寸的 PNG 传回来就能贴。

坐标准不准?

底图和贴图都用高德的 GCJ-02 坐标,四角经纬度写在底图上;范围内位置误差取决于你画的时候有没有对齐网格。

商用要注意什么?

地图底图来自高德开放平台,商用需要按高德要求申请企业授权并使用自己的 Key;我们的编辑器里填你自己的 Key 即可。

私有部署需要什么服务器?

一台装了 Node 18+、PHP 8.1+、MySQL 的 Linux 服务器即可,宝塔面板也支持,安装脚本自动配 nginx 与 systemd。

下一张景区地图,从这里开始画

登录就能用,免费版不限时间。要发布或私有部署,登录后在「发布」页能看到联系方式。