You are not logged in.

Dear visitor, welcome to Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Eric Chen


  • "Eric Chen" started this thread

Posts: 65

Location: China

Occupation: Krpano custom coding

  • Send private message


Wednesday, December 7th 2022, 8:18am

KRpano + Next.js + MapBox + Typescript Demo

Hi guys,

This is a basic demo of Street View application. Built with Next.js, using MapBox as the map and KRpano as the 360 view. XML is not used at all in the project.


In general, we write krpano code in XML. But for many front-end developers, xml syntax may not be comfortable. It is possible to use react, vue, next and other front-end frameworks for development. All the functions of krpano can still be used with js. But that doesn't mean you don't need to learn krpano's xml syntax. Only with a deeper understanding of krpano's xml syntax can you use krpano's js interface to do what you want.


Preload Plugin (Free, source code)
Constrast Plugin
KR HLS Plugin
Slider Controller Plugin
KR+Next+MapBox+TS Demo (source code)


This post has been edited 1 times, last edit by "Eric Chen" (Jan 17th 2023, 5:34pm)

Similar threads