此系列文章主要简述一下如何把手绘地图的静态图片文件制作成为动态的电子地图,进而实现智慧导览。

因为手绘地图是一张静态的图片文件,而且往往很大,因此要转为手绘地图,才更方便用户查看。那么到底如何才能实现呢?

至于如何绘制手绘地图,以及制作手绘地图的更多的注意点和基础知识,请参考以往的文章,或搜索“景区手绘地图的绘制流程”。

上文《手绘地图如何制作为电子地图实现智慧导览系统之创建地图》已说明了创建地图,接下来就说一下,怎么给手绘地图切割为瓦片图并覆盖到地图平台上。

下面废话不多说,直接进入正题。

作者:轻轻的烟雾(z281099678)

一.上传地图手绘图层文件

手绘地图的文件格式要求为png,因为考虑到手绘地图的边缘一般会淡出处理,让手绘图层和地图平台更自然的融合。
手绘地图建议按百度或高德地图19级大小为参考。

地图手绘图层文件上传后,除非此文件本身有修改,否则在地图需要重新制作时,不需要重新上传。而需要重新制作地图,在设置地图中心位置时,右上角可选择“使用未缩放的原图”,利用最开始的上传的原图重新缩放比例
地图已经生成以后,在重新制作,更新手绘图层时,如之前标注的点发生偏差位移,请特别注意:先不要移动标注点,先观察一下是否更新的手绘图层本身和地图底图重叠不准确(如大小尺寸、位移偏差等情况)。

二.设置地图中心

点击“设置地图中心”按钮,设置地图的中心点。

设置地图中心是一个核心功能,手绘地图要准确的覆盖到地图平台上,这一步是关键。这是系统提供的一个非常人性化的工具,点击按钮之后,手绘地图的图片文件会显示在页面上,按住鼠标可以任意移动,还可按键盘的方向键微调。另外还可缩放手绘图层、手绘图层渐变改变透明度等功能,便于查看。经过操作,手绘地图图层已经准确的覆盖到地图平台之后,点击“图片中心点”,然后选择中心点,即可保存,且系统会自动计算当前手绘地图的图层文件在地图系统的最大级别。

如果是1比1的手绘地图,设置地图中心是必须的操作步骤。
但如果非1比1的手绘地图,则直接找到地图所在的大概位置即可,然后点击地图,即可设置中心点。另外还需上传地图背景图,尺寸宽高为512PX。

三、生成地图瓦片图。

点击“生成地图”按钮,系统即开始自动切图,生成地图。

关于系统切图的原理,之前曾有专门的文章《手绘地图制作的关键点之“图层覆盖”》详细阐述过,这里不多赘述。

四、单独上传指定的地图级别文件

指定级别的地图文件尺寸计算方式:原图以地图19级为标准,18级与19级视为相同,从17级开始,每小一级,则图层文件的尺寸除以2。如:19级原图尺寸宽为100px,则18级为100px,17级为50px,16级为25px,以此类推,高度按比例同理。

五、重新制作地图

如手绘地图文件有更新,则可重新制作地图。

重新制作地图流程:点击此按钮,清空地图数据;视实际情况是否上传文件,如有修改,则重新上传;3、视情况设置中心点,如手绘地图的尺寸未变动,且之前中心点是准确的,则此步跳过;生成地图。

六、验证查看

手绘地图的制作视地图范围大小,主要是手绘地图的文件尺寸而定,可能需要几分钟到几个小时不等。当地图制作结束,则可通过地图URL查看,验证正确。

手绘地图如何制作为电子地图实现智慧导览系统之切割瓦片图相关推荐

  1. 如何制作专业的手绘地图(电子地图、智慧导览系统)

    一.智慧导览系统介绍 手绘电子地图,就是把手绘地图覆盖到地图上,游客或者普通用户,可以在手机上通过地图的链接(或者现在流行的小程序)打开使用.是一种使用非常方便,集**"视.听.路径规划.实 ...

  2. 手绘地图深度解析:类型、风格、功能、价值、制作流程、智慧导览

    本文概要:文本尝试系统性.多角度.全方位的介绍一下现在流行的手绘地图系统. 作者:轻轻的烟雾(z281099678) 一.手绘地图定义 什么是手绘地图?或者说,手绘地图到底是什么样的? 手绘地图首先是 ...

  3. 手绘地图制作的关键点之“导航智能纠偏”

    这里再来聊一聊关于手绘地图导航的智能纠偏问题. 其实这个问题,在<手绘​地图制作的关键点之"实时导航">一文中,已经有过简述,这里再来细聊一下.本文纯属方案探讨,也是景 ...

  4. 手绘地图制作的关键点之“实时导航”

    接上文<手绘地图制作的关键点之"图层覆盖">,继续来聊聊手绘地图另外一个关键点. 那就是"实时导航". 作者:轻轻的烟雾(z281099678) 之 ...

  5. 手绘地图制作的关键点之“图层覆盖”

    前面介绍了<景区手绘地图(电子地图.智慧导览系统)如何制作>以及<景区手绘地图的绘制流程>,接下来介绍一些手绘地图制作的关键点. 手绘地图最关键的一点,就是把手绘地图准确的覆盖 ...

  6. 景区手绘地图的绘制流程

    接上文<景区手绘地图(电子地图.智慧导览系统)如何制作>,这里再来说说具体的制作流程. 手绘地图的绘制,是一个相当专业的工作.遵循一些科学的规范,可以有效避免很多无用的.返工的.错误的工作 ...

  7. 将手绘地图或自制地图显示在网页上(利用百度API)

    利用百度APi实现将手绘地图展示在网页上,达到类似这样的效果: 切图参考了:cnblog jz1108 并用了其工具, 表示非常感谢! 百度地图API目前默认支持两种地图类型(map type):普通 ...

  8. 如何制作手绘地图?如何将图片图层精确地对准在地图上?

    最近大家常常在问,如何制作鼓浪屿手绘地图,如何将气象图层叠加在高德地图上啊? 其实地图上的研发量很小,几行代码就可以搞定. 关键是在图片绘制上,有较高的要求. 下面就用简单粗暴的方法来实现,如有不妥之 ...

  9. 制作手绘地图并准确覆盖到地图的超简单流程

    第一步,取得底图. 如果要制作比较准确匹配到地图特定区域的手绘地图,首先要取得这部分区域的地图作为绘图的底图.可以用bigemap地图下载器,下载这部分区域的地图保存为后缀为  tif  的文件,保存 ...

最新文章

  1. Haproxy Nginx cluster构建
  2. 请汇编高手注释的CompareText
  3. 基于MT6752/32平台 Android L版本驱动移植步骤
  4. android源码出现的@字符意义总结
  5. 后台开发技术(1)--概述
  6. 深度学习中的问题汇总(持续更新...)
  7. ***病毒的隐藏方式
  8. eclipse常用快捷键——非常实用
  9. 算法入门篇三 详解桶排序和整理排序知识 堆的相关操作 补充 不完整
  10. 为什么不能在中断上半部休眠?
  11. linux主机添加discuz伪静态规则,(总结)Nginx下Discuz 7.2伪静态规则设置
  12. 深度学习算法 第四期
  13. C#基础精华05(正则表达式,)
  14. ubunt之一些问题解决办法
  15. NoSQL数据库的介绍、NoSQL的产品、NoSQL数据库的分类等;
  16. i2cdetect i2cdump i2cget i2cset用法
  17. 保研经历-清华计算机、北大、中科院计算所
  18. 15天深度复习JavaWeb的详细笔记(七)——Request、Response
  19. java获取ip地址与网络接口
  20. echarts之渐变色设置

热门文章

  1. 北航计算机学院2019录取分数 线,北京航空航天大学2019年考研分数线公布
  2. Web Crawling and Data Miniing with Apache Nutch(翻译+学习心得)_01
  3. 应届生 java 期望薪资_2019应届毕业生平均期望薪资8431元,达到这个数难吗?
  4. 使用JS调用本地摄像头录制视频
  5. C++批量提取文件夹名
  6. 智能问答机器人python_智能问答机器人
  7. vue中tab切换前端实现_vue实现Tab切换功能
  8. 计算机云教室管理制度,《中云中学专用教室管理制度》一.doc
  9. ubuntu18.04 安装五笔拼音
  10. 终于收到OCP证书了