zoom

Typeboolean

Defaultfalse

Added inv4.0.0

Apply a scale to the hotspot to match the current camera zoom level.

If false, the hotspot element remains the same size regardless of the value of camera zoom.
If true, the hotspot element resizes to match the current camera zoom.

Example

In order to make the difference easier to see, the examples below intentionally disabled controls other than zoom.

zoom: false

1

• JSON
• Javascript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    rotate: false,
    gyro: false,
    hotspot: {
        zoom: false
    },
    projection: new CubemapProjection({
        src: [
            "/pano/cube/FishermansBastion/posx.jpg",
            "/pano/cube/FishermansBastion/negx.jpg",
            "/pano/cube/FishermansBastion/posy.jpg",
            "/pano/cube/FishermansBastion/negy.jpg",
            "/pano/cube/FishermansBastion/posz.jpg",
            "/pano/cube/FishermansBastion/negz.jpg"
        ],
    })
}

zoom: true

1

• JSON
• Javascript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    rotate: false,
    gyro: false,
    hotspot: {
        zoom: true
    },
    projection: new CubemapProjection({
        src: [
            "/pano/cube/FishermansBastion/posx.jpg",
            "/pano/cube/FishermansBastion/negx.jpg",
            "/pano/cube/FishermansBastion/posy.jpg",
            "/pano/cube/FishermansBastion/negy.jpg",
            "/pano/cube/FishermansBastion/posz.jpg",
            "/pano/cube/FishermansBastion/negz.jpg"
        ],
    })
}