Development of virtual tour reality using 360-degree panoramic images and Leaflet JavaScript

Lanto Ningrayati Amali, Muhammad Rifai Katili, Alif Perdana Sugeha


This paper describes virtual reality (VR) development using a 360-degree panoramic and Leaflet JavaScript (Leaflet JS) to introduce campus buildings in real-time. The campus building of Universitas Negeri Gorontalo (UNG) in Bone Bolango Regency was chosen as a case study. It allows users to navigate and listen to background sound and narration, open the site map interactively, and read brief information about each location. Each panorama contains hotspots that allow users to explore further. All images are combined using a photo-stitching technique to produce a panoramic image. The research method used is the multimedia development life cycle (MDLC), which consists of six stages: concept, design, material collection, assembly, testing, and distribution. Based on the system usability scale (SUS) test, the virtual tour reality website application received feedback from users regarding its usability, satisfaction, and effectiveness, and it is interesting to use this application. The results show that the website application can visualize the campus building environment with various layers of information and can create a very realistic and detailed representation of the campus environment.


360-degree panoramic; Campus building; Information modeling; Leaflet JS; Map interactive; Virtual reality

Full Text:




  • There are currently no refbacks.

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

The Indonesian Journal of Electrical Engineering and Computer Science (IJEECS)
p-ISSN: 2502-4752, e-ISSN: 2502-4760
This journal is published by the Institute of Advanced Engineering and Science (IAES) in collaboration with Intelektual Pustaka Media Utama (IPMU).

shopify stats IJEECS visitor statistics