主题
自定义地图(手绘图切图)
这个页面能做什么:把景区自己的手绘导览图变成游客在 H5 端可以拖动、缩放的电子地图底图。标准天地图对景区内部往往不够细致,而手绘图好看、直观。流程是:上传手绘图 → 告诉系统这张图对应现实中的哪个位置 → 系统自动把大图切成小瓦片 → 切图完成后启用。
入口
管理后台左侧菜单:智慧导览 → 地图源管理 → 自定义地图
操作步骤
第一步:新增地图
- 点击右上角 新增地图 按钮。
- 在「新增自定义地图」窗口中填写 地图名称(如"XX 景区手绘导览图"),点击 确定。
- 新地图出现在列表中,此时「切图状态」为 待切图,「启用状态」开关是灰色的(未完成切图前不能启用)。
第二步:打开切图面板,上传源图
- 在该地图所在行的「操作」列点击 切图面板,弹出「瓦片地图在线生成」窗口,共分三步。
- 第一步「上传图片」:把手绘图拖放到虚线框内,或点击框内文字选择文件。
- 上传成功后,框上方会显示"当前源图"预览、文件名、大小和像素尺寸。
图片规范与覆盖规则
- 支持 JPG、PNG、WEBP 格式,单张不超过 50MB;按景区实际比例绘制即可,无需正方形。
- 上传新图片会覆盖已有源图,且必须重新切图——瓦片是按旧图切的,换了图不重切,游客看到的还是旧图。
第三步:参数设置
点击 下一步 进入第二步「参数设置」,左侧显示源图信息和推荐级别,右侧填三个参数:
- 左上角经度 / 左上角纬度:手绘图左上角那个点对应的现实经纬度。两种填法:
- 点击 地图选点,在弹出的地图上点选位置,坐标自动填入;
- 点击 使用景区边界左上角,自动取 地图设置 中配置的景区边界左上角坐标(手绘图范围与景区边界一致时用这个最省事)。
- 源图对应级别(1–22):手绘图按原始分辨率铺满屏幕时对应的地图缩放级别。不确定就点 自动计算,系统会根据源图像素尺寸和景区边界算出推荐级别,并在左侧显示"推荐级别"和"估算覆盖"(约多少米 × 多少米)供你核对是否合理。
- 确认无误后点击 下一步,系统提示"参数保存成功"。
坐标必须用 WGS84 经纬度
坐标信息或缩放级别不准确会导致切出来的地图位置偏移。请使用 WGS84 经纬度坐标(与天地图一致),不要直接填从高德地图、百度地图上取的坐标——它们有偏移,直接填会错位。后台的"地图选点"取的就是正确坐标,建议优先用选点方式。
第四步:生成瓦片(切片)
- 第三步「切片生成」页会显示当前状态和日志窗口。
- 点击 开始切图,系统提示"切图任务已提交,正在处理..."。
- 页面会显示进度条和滚动日志(每 2 秒自动刷新一次状态),"已生成瓦片数"不断增长。
- 状态变为 已完成 后,点击 完成 关闭面板。
切图耗时较长,请勿关闭页面
切图是把大图切成成百上千张小瓦片,图越大、级别越高耗时越长(可能几分钟到十几分钟)。切图期间请不要关闭切图面板和浏览器页面,耐心等进度条走完。切图任务实际在服务器后台执行,页面只是盯着进度。
第五步:启用地图
- 回到列表,确认该地图「切图状态」为绿色 已完成。
- 打开「启用状态」开关,游客在 H5 端就能切换到手绘地图了。
- 想让游客打开 H5 默认就看到手绘地图,到 系统地图 或 地图层级顺序 配合设置(见下方注意事项)。
其他操作
- 重命名:点击行内 重命名,修改地图名称后点 确定。
- 删除:点击行内 删除,确认后删除。
删除会连带删除瓦片文件
删除自定义地图时,该地图已生成的全部瓦片文件会一并从服务器清理,且不可恢复。如果只是想暂时不让游客看到,关闭「启用状态」开关即可,不要删除。
切图状态说明
| 状态标签 | 含义 | 能否启用 |
|---|---|---|
| 待切图(灰色) | 还没切过图,或刚上传了新源图等待切图 | 否 |
| 切图中(黄色) | 服务器正在切片,日志持续滚动 | 否 |
| 已完成(绿色) | 瓦片全部生成完毕 | 是,只有这个状态能启用 |
| 失败(红色) | 切图出错,面板中会显示错误信息 | 否 |
切图失败时,重新打开 切图面板 → 进入第三步,点击 重新切图 按钮重试;反复失败请联系技术人员查看错误信息。
字段说明
| 字段 | 说明 | 是否必填 | 默认值 |
|---|---|---|---|
| 地图名称 | 自定义地图的名字,最长 100 字 | 必填 | 无 |
| 左上角经度 | 源图左上角对应的 WGS84 经度,可地图选点 | 必填 | 景区边界左上角(如已配置) |
| 左上角纬度 | 源图左上角对应的 WGS84 纬度,可地图选点 | 必填 | 景区边界左上角(如已配置) |
| 源图对应级别 | 源图原始分辨率对应的缩放级别,范围 1–22,可"自动计算" | 必填 | 18(上传源图后自动推荐) |