HotSpot

Drag and rotate the photo. An anchor will follow.

function load(target, page) {
    // next image
    viewer.setImage("./img/bookcube2.jpg", {
        projectionType: eg.view360.PanoViewer.PROJECTION_TYPE.CUBEMAP,
        cubemapConfig: {
            tileConfig: { flipHorizontal: true, rotation: 0 },
        }
    });
}
var viewer = new eg.view360.PanoViewer(container, {
    image:  "./img/bookcube1.jpg",
    useZoom: false,
    projectionType: eg.view360.PanoViewer.PROJECTION_TYPE.CUBEMAP,
    cubemapConfig: {
        tileConfig: { flipHorizontal: true, rotation: 0 }
    }
}).on("ready", function (e) {
    setHotspotOffsets(viewer);
}).on("viewChange", function (e) {
    setHotspotOffsets(viewer);
});
logo

This code was originaly created by MaStudio-DEVE 360TOUR, Author Mr. khalid DEVE for business contact me at Linkdin, the main idea of this project is to make it easy for Real estat agency to bring thier view to VR/AR and Metavers Thechnology, im working on this project to bring more futures to Meta.

Get in toutch for business request checkout my Linkdin profile always up for work
Mobile +212 0608774965|Amirican NO +1 917-423-4733