Skip to content

自定义地图(手绘图切图)

这个页面能做什么:把景区自己的手绘导览图变成游客在 H5 端可以拖动、缩放的电子地图底图。标准天地图对景区内部往往不够细致,而手绘图好看、直观。流程是:上传手绘图 → 告诉系统这张图对应现实中的哪个位置 → 系统自动把大图切成小瓦片 → 切图完成后启用。

入口

管理后台左侧菜单:智慧导览 → 地图源管理 → 自定义地图

操作步骤

第一步:新增地图

  1. 点击右上角 新增地图 按钮。
  2. 在「新增自定义地图」窗口中填写 地图名称(如"XX 景区手绘导览图"),点击 确定
  3. 新地图出现在列表中,此时「切图状态」为 待切图,「启用状态」开关是灰色的(未完成切图前不能启用)。

第二步:打开切图面板,上传源图

  1. 在该地图所在行的「操作」列点击 切图面板,弹出「瓦片地图在线生成」窗口,共分三步。
  2. 第一步「上传图片」:把手绘图拖放到虚线框内,或点击框内文字选择文件。
  3. 上传成功后,框上方会显示"当前源图"预览、文件名、大小和像素尺寸。

图片规范与覆盖规则

  • 支持 JPG、PNG、WEBP 格式,单张不超过 50MB;按景区实际比例绘制即可,无需正方形。
  • 上传新图片会覆盖已有源图,且必须重新切图——瓦片是按旧图切的,换了图不重切,游客看到的还是旧图。

第三步:参数设置

点击 下一步 进入第二步「参数设置」,左侧显示源图信息和推荐级别,右侧填三个参数:

  1. 左上角经度 / 左上角纬度:手绘图左上角那个点对应的现实经纬度。两种填法:
    • 点击 地图选点,在弹出的地图上点选位置,坐标自动填入;
    • 点击 使用景区边界左上角,自动取 地图设置 中配置的景区边界左上角坐标(手绘图范围与景区边界一致时用这个最省事)。
  2. 源图对应级别(1–22):手绘图按原始分辨率铺满屏幕时对应的地图缩放级别。不确定就点 自动计算,系统会根据源图像素尺寸和景区边界算出推荐级别,并在左侧显示"推荐级别"和"估算覆盖"(约多少米 × 多少米)供你核对是否合理。
  3. 确认无误后点击 下一步,系统提示"参数保存成功"。

坐标必须用 WGS84 经纬度

坐标信息或缩放级别不准确会导致切出来的地图位置偏移。请使用 WGS84 经纬度坐标(与天地图一致),不要直接填从高德地图、百度地图上取的坐标——它们有偏移,直接填会错位。后台的"地图选点"取的就是正确坐标,建议优先用选点方式。

第四步:生成瓦片(切片)

  1. 第三步「切片生成」页会显示当前状态和日志窗口。
  2. 点击 开始切图,系统提示"切图任务已提交,正在处理..."。
  3. 页面会显示进度条和滚动日志(每 2 秒自动刷新一次状态),"已生成瓦片数"不断增长。
  4. 状态变为 已完成 后,点击 完成 关闭面板。

切图耗时较长,请勿关闭页面

切图是把大图切成成百上千张小瓦片,图越大、级别越高耗时越长(可能几分钟到十几分钟)。切图期间请不要关闭切图面板和浏览器页面,耐心等进度条走完。切图任务实际在服务器后台执行,页面只是盯着进度。

第五步:启用地图

  1. 回到列表,确认该地图「切图状态」为绿色 已完成
  2. 打开「启用状态」开关,游客在 H5 端就能切换到手绘地图了。
  3. 想让游客打开 H5 默认就看到手绘地图,到 系统地图地图层级顺序 配合设置(见下方注意事项)。

其他操作

  • 重命名:点击行内 重命名,修改地图名称后点 确定
  • 删除:点击行内 删除,确认后删除。

删除会连带删除瓦片文件

删除自定义地图时,该地图已生成的全部瓦片文件会一并从服务器清理,且不可恢复。如果只是想暂时不让游客看到,关闭「启用状态」开关即可,不要删除。

切图状态说明

状态标签含义能否启用
待切图(灰色)还没切过图,或刚上传了新源图等待切图
切图中(黄色)服务器正在切片,日志持续滚动
已完成(绿色)瓦片全部生成完毕是,只有这个状态能启用
失败(红色)切图出错,面板中会显示错误信息

切图失败时,重新打开 切图面板 → 进入第三步,点击 重新切图 按钮重试;反复失败请联系技术人员查看错误信息。

字段说明

字段说明是否必填默认值
地图名称自定义地图的名字,最长 100 字必填
左上角经度源图左上角对应的 WGS84 经度,可地图选点必填景区边界左上角(如已配置)
左上角纬度源图左上角对应的 WGS84 纬度,可地图选点必填景区边界左上角(如已配置)
源图对应级别源图原始分辨率对应的缩放级别,范围 1–22,可"自动计算"必填18(上传源图后自动推荐)

注意事项

  • 只有切图状态为"已完成"的地图才能打开启用开关,开关灰色时请先去切图面板完成切图。
  • 手绘地图启用后,它在 H5 端图层中的叠加顺序(压在其他图层之上还是之下)由 地图层级顺序 控制,越靠前越优先展示。
  • 想把手绘地图设为游客打开 H5 时的默认底图,在 系统地图 页的默认底图设置中处理。
  • 请确保上传的手绘图拥有合法使用版权,因版权问题引发的责任由上传者自行承担。
  • 「自动计算」推荐级别依赖景区边界配置,若提示"自动计算失败,请检查是否已上传源图并设置景区边界",请先到 地图设置 配好景区边界。