基于 ebmap Tour 制作交互地图(下))
本系列实操文章以龙岩全域旅游智慧导览地图为落地案例分享低成本落地方案基于Banana Pro生模型与 ebmap Tour 导览制作平台全程仅需 1780 元成本即可完成整套全域智慧地图制作。既是低成本落地的实战探索也是可复制的商业化落地参考。文章目录地图功能与制作方案以及效果预览制作行政区划和主要交通道路底图AI人工制作全域手绘地图基于 ebmap Tour 制作交互地图上基于 ebmap Tour 制作交互地图下【本文】上线发布于商业化落地案例【待更新】上一章节我们创建好了地图并进行了基础设置并启用了手绘地图作为底图。本章节我们将继续讲解如何开启必要的扩展和添加景点标记等信息。1、设置地图菜单和开启相关扩展1、安装相关扩展从侧边栏【扩展管理】中点击【扩展中心】菜单进入扩展中心页面。本次制作需要安装以下扩展景区介绍用于介绍整个龙岩市全域旅游相关信息服务热线用于显示服务热线和相关服务号码投诉建议用于收集游客反馈信息和建议第三方地图导航用于实现景点跳转到第三方导航全域旅游范围太广不考虑需要自己绘制路网的智能寻路个性化自定义用于自定义CSS隐藏顶部导航条因为全域旅游只有景点一个类型所以隐藏类型导航条不用切换类型。这个是收费版功能免费版可以跳过影响不大安装好的扩展截图如下2、设置UI界面菜单菜单设置从侧边栏【系统设置】中点击【功能菜单设置】可进入菜单管理界面因为菜单不多侧栏菜单的菜单都隐藏不显示主要菜单放到底部主菜单如下图隐藏类型导航栏由于本次制作的全域旅游只有景点类型并没有诸如卫生间、餐厅等点位类型。因此我们不需要点位类型导航。ebmap Tour 中没有直接隐藏类型导航栏的选项。不过我们可以使用自定义css来隐藏。进入侧边栏菜单【个性化自定义】下的【自定义CSS】中填入以下CSS代码点击【保存修改】即可.markerTypeBar{ display: none; }刷新模拟器预览可以看到UI界面的变化如下图修改“景区介绍”功能字样目前菜单栏中的“景区介绍”是针对单个景区介绍的功能用在全域旅游中就感觉不是那么合适。不过 ebmap Tour 支持自定义文本的我们只需要修改以下就可以。进入侧边栏菜单【个性化自定义】下的【自定义语言包】中搜索“景区介绍”关键字。可以找到一个introduce的语言包内容在后面重定义为“龙岩简介”即可。如下图最后看下模拟器中游客界面的菜单效果如下3、设置其他扩展内容接下来需要配置对应扩展的设置。具体如下龙岩简介在 扩展中心 - 景区介绍 中填写图文内容服务电话在 扩展中心 - 服务电话 中设置相关电话类型和号码投诉建议在 投诉建议 - 通知设置 中设置有新反馈信息时接收通知的邮箱有手机号码。以上操几项作很简单基本进入到对应的页面你就知道怎么操作了这边限于篇幅就不展开讲解了。2、添加标记点和设置景点分组1、设置景点分组全域旅游的景点分布在龙岩的5个县和2个区中。为了方便后台管理和游客列表游览我们可以先创建标记点分组。将每个县区都设置为一个组。进入侧边栏菜单【地图标注】下的【标记点分组】管理中。将默认组改成“新罗区”区域区县可以点击右上角【添加新分组】按钮输入分组名称然后点击提交即可创建。我创建好的分组如下可以看到在游客端中查看景点列表时可以按不同区县查看了。2、添加标记点从侧边栏菜单【地图标注】下进入【标记点列表】页面。在页面中点击右上角【添加标记点】按钮就可以添加新的标记点添加新标记点需要填写如下内容点位名称填写景点的名称例如古田会议会址点位简介填写景点的一句话简介50~100字左右即可。封面图片选择一张500*500像素的景点图片标记点类型这里统一设置为“景点”所属分组选择所在县区点位坐标点击后面的选择坐标在手绘地图上对应的对标位置点击即可。这个坐标仅用于在地图上确定标记点显示位置。导航坐标点击后面的【选择坐标】按钮在弹窗的窗口中隐藏手绘地图会显示天地图的标注地图。然后通过搜索功能找到具体的景点位置最后选择一个准确的坐标位置。这个位置一定要选择准确确保跳转到第三方导航时候位置正确。实操截图如下点击【确定提交】按钮后标记点列表即会显示我们刚刚添加的标记点如下图3、设置景点介绍和生成语音讲解在标记点列表中点击标记点后面的【介绍】按钮即可打开景点介绍信息编辑页面。可以在这里编辑景点介绍和上传图片信息。在填写好景点介绍图文后在内容右侧的讲解音频面板中可以选择【生成音频】选项。选择合适的播讲角色和背景音乐点击【生成讲解】按钮稍等几分钟即可生成音频讲解。生成音频的过程可以关闭窗口进行其他操作音频会在后台继续生成操作截图如下4、预览点位效果添加好点位后在游客端就可以看到一个新的标记点。点击标记点底部会弹窗点位卡片卡片里面包含语音讲解、景点介绍、导航到景点的功能。如下图至此一个景点的标注就添加好了。依照相同的方法将剩余的54个景点都标注上去即可。最后效果如下至此我们已经完成静态手绘地图岛可交互智慧导览地图的转换了。下一章节我们将讲解如何发布上线以及分享一些基于此制作方法执行的一些商业化落地案例。