遇见美好

参赛学校：山东理工大学

指导老师：庄灿、宋英强

队员姓名：陈祉熙、李家凯、夏德栋、王前武

随着时代的发展，旅游方式发生演变， 自驾旅游和定制旅游变得越来越受欢迎， 这为四川省带来了新的发展机遇。“遇见美好 ”旅游服务平台旨在为更多游客提 供便捷的旅游服务，展示四川省丰富的自然资源、深厚的文化底蕴和多彩的民俗生活。

数据制作与处理

开发团队以 SuperMapiDesktopX11i(2022)为数据处理与数据制作工具，对数据进行了处理，在确保地图在传达准确信息的同时，提供清晰、美观且易于理解的用户体验。

1. 使用 SuperMap iDesktopX 11i(2022)创建新的工作空间，并导入“A 级旅游 景区名录.xlsx ”和“SiChuan.udbx ”。鉴于“旅行社名录.xlsx ”缺少旅行社经纬度信息，团队进行了信息扩充后再次导入。

2. 对“Road ”数据集进行拓扑构网，创建网络数据集“Network ”。

3. 对路网数据集进行符号化，考虑到该数据集包含不同类型和等级的道路（如 公路、铁路、地铁，以及不同等级的公路和铁路），需分别进行相应的符号化。

4. 对景区数据集进行符号化，考虑景区分为 1A 到 5A 级，需要根据不同级别分别进行相应的符号化。

5. 设置标签在不同比例尺下的显示效果，以确保地图在各种比例尺范围下协调 与美观。对不同类型和等级的道路进行标签调整，包括位置和字体大小的调 整，确保标签清晰可读、避免重叠；采用不同类型的标签进行区分公路、铁 路等；在不同比例尺下灵活设置标签的显示与隐藏，以确保在各个层级提供有用的信息。

6. 进行整体设计，确保各种标签和地物都采用美观协调统一的风格，以提升地图的整体视觉效果。

7. 根据平台的开发进度对地图进行风格与内容上的迭代。

技术路线

平台采用了B/S 架构，前后端分离。前端使用 Vue+Vite，后端采用 NodeJS+Express，数据库选择了MySQL。前端利用 Vite 构建，整合SuperMap iClient组件，通过在线天地图实现前端 GIS 交互功能，利用 Axios 与后端进 行数据交互。后端基于Express 框架，用户认证采用 JWT 技术，数据存储通过MySQL2 与 MySQL 数据库进行。同时，利用 SuperMap iServer 提供的独立 GIS服务。

系统功能展示

1.热门景点推荐

系统会在平台首页的热门景点模块每小时推送当前最热门的七个景点，用户可以点击推荐的热门景点文章查看详情，也可以点击作者头像浏览该作者的基本信息。

2.旅游游记推荐

在平台的游记分享模块，系统会展示所有用户发布的旅游游记，用户可以点击其中的文章来查看文章详情。

3.旅行线路推荐

系统会展示所有用户收藏的旅行线路，并在旅游路线介绍界面展示该旅游路径的起始点经纬度信息，以及线路的基本信息。

4.地图浏览

系统以在线天地图为地图，并在天地图上叠加经过制作的四川省行政区划图，系 统默认显示的是四川省的可视范围，用户可以在地图上进行浏览包括放大、缩小和平移等。

5.图层切换

系统默认显示的图层是四川省矢量地图，用户可以根据自身需求选择其它图层包括影像地图与地形地图。

6.信息可视化

系统为用户提供了全面的信息可视化功能，用户可以查看四川省内 A 级景区与旅行社的分布情况，也可以通过系统的统计信息功能浏览四川省省内各市的景区与旅行社数量，帮助用户快速了解四川省内的景点与旅行社信息。

7.地点查询

用户输入要查询的景点名称，系统会展示该景点的详细信息并在地图上定位该景点。

8.旅游线路分析

用户可以通过景点名称输入与鼠标定位两种方式在地图上标记多个景点位置，系 统会根据用户所选择的地点自动匹配最合适的路线，并在地图上高亮显示旅行路线且会添加路线导航

9.旅社查询

用户在地图上选择一个市级行政区划后，系统会显示该市的所有旅行社信息，用户在选择其中一个旅行社后，地图会自动缩放定位到该旅行社的地点。

10.用户信息编辑

用户可以用户中心界面编辑个人的基本信息包括个人简介、去过的景点等。

11.游记撰写与管理

系统为用户提供了一个游记撰写与发布功能，用户在完成游记发布后还可以对发布的游记文章进行管理。

12.旅游线路管理

用户在规划并收藏一个旅行线路后，可以在系统的旅程管理界面管理收藏过的旅行线路

13.用户管理

系统还为用户提供了一个管理员系统，用户在登录管理员账号后可以对其他用户的权限等进行设置。

14.游记管理

系统的管理员系统可以对用户发布的游记进行审核等操作。

系统亮点与细节

1.一致的风格设计：通过统一的风格设计，确保用户在整个平台中享受到连贯而流畅的用户体验。

2.美观的界面设计：在统一的风格下进行界面设计，确保平台的外观令人愉悦，提高用户对界面的观感。

3.丰富的旅游信息：提供丰富的旅游信息，涵盖旅游景区、旅行社等方面，为用户提供全方位的旅行参考。

4.完善的旅游服务： 提供完善的旅游服务，涉及旅行线路规划、旅游资源统 计等方面，并在用户游记管理以及旅行路线管理等方面进行了功能扩展，满足用户在旅途中的多种需求。

5.精准的弹窗提示： 在关键步骤中设有相应的提示与操作反馈，优化用户对平台功能的使用体验。

6.简明的交互设计： 着眼用户操作流程，采用简洁而明确的交互设计，并针对用户可能的误操作或不同使用习惯，进行了容错设计，降低用户的使用成本。

开发团队总结

要说我们团队的优势，那就是起步早，在刚得知命题开发组的题目时就着手进行开发了。

但是我们也很迷茫，在参与比赛之初，对 WebGIS 的技术不了解，对平台最后呈 现出一个什么效果，都有哪些功能，四川省的地图要制作成怎样，都没什么概念。 我们也很缺时间，正所谓“时间越多，时间越少 ”,虽说起步早，但是大二下学 期是个忙碌的学期，学业上有繁杂的课程，生活上也处处都是琐碎的事情，我们还需要休息，过长的战线也使我们的紧迫感较低，这一切导致了我们在为期半年的开发过程中真正投入的时间并不多。

但是我们也充满激情。这次比赛的口号就很好，奋进“征 ”当时。都说青年人是 一团上蹿下跳的火，那我们作为这一丛火，在大学的四年内必定是要为什么东西 旺盛一下。有些人提升学历，有些人追寻爱情，有些人努力生活，对于我们而言， 就是拼这场比赛。虽然在参赛之初也只是抱着试一试的态度去做的，但是在做的 过程中，面对日益完善的平台和日渐丰富的地图，我们的态度发生了些许转变。 半年的光阴如梭，在即将提交作品那段时间里已经不只是为了拿奖而去做，更是 为了完成一件作品而去做。因为我们为之付出了激情，而这个作品就是我们这半年奋进的名为青春的光阴的结晶，我们为了完成它，为了结束它而做。

在完成平台的过程中，我们得到了指导老师和同学们的悉心帮助，逐渐从四个一 知半解的小白成长成了四个对 WebGIS 开发还有些概念有些了解甚至能做出一个 平台的新手。近半年的开发过程中，我们反复的对平台和地图进行设计，再推翻， 迭代，一直到截止日期，我们几乎是最后一个提交作品的，直到最后一刻，它才得以完成，所以，这就是我们的答卷。

通过“遇见美好 ”旅游服务平台的开发与实施，我们的团队在技术和团队协作方 面都取得了显著的进步。在数据制作与处理方面，我们充分运用了 SuperMapiDesktopX 11i(2022)的强大功能，对景区和路网数据进行了精细的处理和符号化，确保地图呈现清晰、美观、易于理解的用户体验。在技术路线方面，采用了 B/S 架构，前后端分离，结合 Vue、Vite、NodeJS、Express、MySQL 等技术，成 功实现了平台的功能。系统的功能展示涵盖了热门景点推荐、旅游游记推荐、旅 行线路推荐、地图浏览、信息可视化等多个方面，为用户提供了全面而实用的旅游服务。

在整个开发过程中，每个成员在各自的领域发挥了专业技能，通过密切的沟通和 协作，使得项目得以高效推进。通过对 SuperMap iDesktopX 11i(2022)和其他 技术的深入学习，团队成员不仅提升了自己的技术水平，还加深了对地理信息系统的理解和应用。

最终，我们成功开发出了一个风格一致、界面美观、旅游信息丰富、服务完善的 “遇见美好 ”旅游服务平台。通过本次比赛，我们积累了实际开发的经验，提升了团队的协作的能力，其经验将为我们未来的学习和工作奠定基础。

指导老师点评

团队展现了灵活运用的能力，采用 B/S 架构和前后端分离，使用了现代的技术路 线。对 SuperMap iDesktopX 11i(2022)的充分利用表现了团队对专业工具的熟 练掌握，尤其在景区和路网数据处理上，体现了数据的深刻理解和灵活运用。系 统功能全面，包括热门景点推荐、旅游游记推荐、旅行线路推荐、地图浏览和信 息可视化，特别在地图浏览和信息可视化方面下足了功夫，美观的地图与直观界 面增强了用户感知和理解。团队在技术路线选择上考虑到了平台的灵活性和易维 护性，采用了现代化的开发方式。整个开发过程中，团队不仅克服了技术难题， 还通过学习新技术不断拓展了技术视野，最终成功实现了一个功能全面、技术先进的平台。