辽宁大学崇山校区WEB互动平面图
此平面地图为信息学院20级学生自制的HTML5互动地图,在基于卫星地图绘制的几何图形平面地图的基础上增加了图文信息窗口,地点搜索等互动功能。
辽宁大学崇山校区WEB互动平面图
辽宁大学崇山校区WEB互动平面图(阿里云)
制作互动地图的想法早在一年前就有了,2022年6月曾计划制作基于JavaFX的辽大互动地图,但因为Java软件对运行环境有一定要求,可能不易于使用,从而难以推广,最终没有落实。今年学习了WEB开发,于是借助HTML5灵活易用的特点以及JavaScript对运行环境的低要求,制作了这个更易于使用的HTML5互动地图。
六月份先后两次,趁着天气晴朗拍摄了共计183张崇山校区各个建筑外景照片,用于地点图文信息的编写。所有代码,文案及美工等工作都由一人完成,从5月26日开始,耗时19天完成1.0版本,实现了地点图文信息查看以及模糊搜索功能。
由于一个人经历有限,掌握的信息不算多,因此地图提供的信息不够完善,后续将在更新时补充更多更准确的信息。
此平面图为基于HTML5的网页版平面图,通过浏览器即可使用,并带有互动功能,提供更加丰富的信息。
在地点搜索框中输入建筑名称或者院系,店铺等名称后,点击“搜索”按钮后在地图上会突出显示所查找的地点。
点击地图中的建筑图块弹出图文信息窗口,点击图片切换按钮可以查看更多图片。
IFrame:
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 对江邀月Yu_的个人站!