网站已经部署到该网址,请点击预览,3D图加载较慢,出现Loading信息,请耐心等待!
The website has been deployed to this URL, please click to preview, please wait patiently for the 3D image Loading!
https://khancold.github.io/XinjiangTravel/
基于知识图谱的线上新疆文旅平台是一个纯前端项目。
因为新疆是一个文化和旅游资源都非常丰富的地方。我们希望利用知识图谱可视化新疆旅游资源和文化资源之间的联系。
比如新疆的著名景点--天山天池,就与中国西域神话故事--西王母神话有着密不可分的联系。其中诗人李商隐的诗歌《瑶池》就是与之相关。
我们就希望利用知识图谱技术丰富地展示新疆的文化资源和旅游资源。
此外我们还利用了Photo Sphere Viewer实现了景点的3d的游览,增强了呈现效果。
并且大量利用了百度地图的api,可视化了景点分布,并增强了与用户的互动性。
The online Xinjiang Cultural tourism platform based on knowledge graph is a pure front-end project.
Because Xinjiang is a place rich in cultural and tourist resources. We hope to use the knowledge graph to visualize the relationship between tourism resources and cultural resources in Xinjiang.
For example, Tianshan Tianchi, a famous scenic spot in Xinjiang, is closely related to the myth of the West Queen Mother, a mythological story in China's Western regions. Among them, the poet Li Shangyin's poem "Yao Chi" is related to it.
We hope to use knowledge graph technology to display Xinjiang's cultural resources and tourism resources.
In addition, we also used the Photo Sphere Viewer to realize the 3d tour of the scenic spot and enhance the rendering effect.
And a large amount of use of Baidu map api, visualizing the distribution of scenic spots, and enhancing the interaction with users.
利用的技术为html、css、js。
主要分为四个界面
1.首页界面,采用了动态的背景
2.景点总览界面
3.探索界面,可以以3D方式游览景点
4.景点知识图谱,可以查看各个景点的知识图谱。
The technologies used are html, css and js.
It is mainly divided into four interfaces
-
Home page interface, using a dynamic background
-
Scenic spot overview interface
-
Explore the interface, you can visit the attractions in 3D
-
Knowledge map of scenic spots, you can view the knowledge map of each scenic spot.
因为采用了百度地图的api,需要利用vscode中的Live Server 插件,并go live才能正常启动。
解压后不要移动位置,因为网页资源加载采用相对定位
Because of the use of Baidu map api, you need to use the Live Server plug-in in vscode, and go live can start normally.
Do not move the location after unzipping, because the page resources load in relative positioning
本知识图谱中的数据来源百度百科
如有错误数据,请批评指正,我们会将其删除
The data in this knowledge graph are from Baidu
If there is incorrect data, please comment, we will delete it




