function onDocumentMouseDown(event) {
    // Override default action
    event.preventDefault();
    // But not all of it
    container.focus();
    
    // Only do something if the panorama is loaded
    if (!loaded || !config.draggable) {
        return;
    }
    
    // Calculate mouse position relative to top left of viewer container
    var pos = mousePosition(event);

    // Log pitch / yaw of mouse click when debugging / placing hot spots
    if (config.hotSpotDebug) {
        var coords = mouseEventToCoords(event);
        console.log('Pitch: ' + coords[0] + ', Yaw: ' + coords[1] + ', Center Pitch: ' +
            config.pitch + ', Center Yaw: ' + config.yaw + ', HFOV: ' + config.hfov);
    }
    
    // Turn off auto-rotation if enabled
    stopAnimation();

    stopOrientation();
    config.roll = 0;

    speed.hfov = 0;

    isUserInteracting = true;
    latestInteraction = Date.now();
    
    onPointerDownPointerX = pos.x;
    onPointerDownPointerY = pos.y;
    
    onPointerDownYaw = config.yaw;
    onPointerDownPitch = config.pitch;
    
    uiContainer.classList.add('pnlm-grabbing');
    uiContainer.classList.remove('pnlm-grab');
    
    fireEvent('mousedown', event);
    animateInit();
}
function onDocumentMouseDown(event) {
    // Override default action
    event.preventDefault();
    // But not all of it
    container.focus();
    
    // Only do something if the panorama is loaded
    if (!loaded || !config.draggable) {
        return;
    }
    
    // Calculate mouse position relative to top left of viewer container
    var pos = mousePosition(event);

    // Log pitch / yaw of mouse click when debugging / placing hot spots
    if (config.hotSpotDebug) {
        var coords = mouseEventToCoords(event);
        console.log('Pitch: ' + coords[0] + ', Yaw: ' + coords[1] + ', Center Pitch: ' +
            config.pitch + ', Center Yaw: ' + config.yaw + ', HFOV: ' + config.hfov);
    }
    
    // Turn off auto-rotation if enabled
    stopAnimation();

    stopOrientation();
    config.roll = 0;

    speed.hfov = 0;

    isUserInteracting = true;
    latestInteraction = Date.now();
    
    onPointerDownPointerX = pos.x;
    onPointerDownPointerY = pos.y;
    
    onPointerDownYaw = config.yaw;
    onPointerDownPitch = config.pitch;
    
    uiContainer.classList.add('pnlm-grabbing');
    uiContainer.classList.remove('pnlm-grab');
    
    fireEvent('mousedown', event);
    animateInit();
}
function onDocumentMouseDown ( event ) { // Override default action event . preventDefault ( ) ; // But not all of it container . focus ( ) ; // Only do something if the panorama is loaded if ( ! loaded || ! config . draggable ) { return ; } // Calculate mouse position relative to top left of viewer container var pos = mousePosition ( event ) ; // Log pitch / yaw of mouse click when debugging / placing hot spots if ( config . hotSpotDebug ) { var coords = mouseEventToCoords ( event ) ; console . log ( 'Pitch: ' + coords [ 0 ] + ', Yaw: ' + coords [ 1 ] + ', Center Pitch: ' + config . pitch + ', Center Yaw: ' + config . yaw + ', HFOV: ' + config . hfov ) ; } // Turn off auto-rotation if enabled stopAnimation ( ) ; stopOrientation ( ) ; config . roll = 0 ; speed . hfov = 0 ; isUserInteracting = true ; latestInteraction = Date . now ( ) ; onPointerDownPointerX = pos . x ; onPointerDownPointerY = pos . y ; onPointerDownYaw = config . yaw ; onPointerDownPitch = config . pitch ; uiContainer . classList . add ( 'pnlm-grabbing' ) ; uiContainer . classList . remove ( 'pnlm-grab' ) ; fireEvent ( 'mousedown' , event ) ; animateInit ( ) ; }
Event handler for mouse clicks. Initializes panning. Prints center and click
location coordinates when hot spot debugging is enabled.
@private
@param {MouseEvent} event - Document mouse down event.
Event handler for mouse clicks . Initializes panning . Prints center and click location coordinates when hot spot debugging is enabled .