' + error + '
'; document.getElementById('container').appendChild(errorMsg); } function parseURLParameters() { var URL = decodeURI(window.location.href).split('?'); URL.shift(); if (URL.length < 1) { // Display error if no configuration parameters are specified anError('No configuration options were specified.'); return; } URL = URL[0].split('&'); var json = '{'; for (var i = 0; i < URL.length; i++) { var option = URL[i].split('=')[0]; var value = URL[i].split('=')[1]; json += '"' + option + '":'; switch(option) { case 'hfov': case 'pitch': case 'yaw': case 'haov': case 'vaov': case 'vOffset': case 'autoRotate': json += value; break; case 'autoLoad': case 'ignoreGPanoXMP': json += JSON.parse(value); break; case 'tour': console.log('The `tour` parameter is deprecated and will be removed. Use the `config` parameter instead.') case 'author': case 'title': case 'firstScene': case 'fallback': case 'preview': case 'panorama': case 'config': json += '"' + decodeURIComponent(value) + '"'; break; default: anError('An invalid configuration parameter was specified: ' + option); } if (i < URL.length - 1) { json += ','; } } json += '}'; var configFromURL = JSON.parse(json); var request; // Check for JSON configuration file if (configFromURL.tour) { configFromURL.config = configFromURL.tour; } if (configFromURL.config) { // Get JSON configuration file request = new XMLHttpRequest(); request.onload = function() { if (request.status != 200) { // Display error if JSON can't be loaded var a = document.createElement('a'); a.href = configFromURL.config; a.innerHTML = a.href; anError('The file ' + a.outerHTML + ' could not be accessed.'); return; } var responseMap = JSON.parse(request.responseText); // Set JSON file location responseMap.basePath = configFromURL.config.substring(0, configFromURL.config.lastIndexOf('/')+1); // Merge options for (var key in responseMap) { if (configFromURL.hasOwnProperty(key)) { continue; } configFromURL[key] = responseMap[key]; } // Set title if ('title' in configFromURL) document.title = configFromURL.title; // Create viewer pannellum.viewer('container', configFromURL); }; request.open('GET', configFromURL.config); request.send(); return; } // Set title if ('title' in configFromURL) document.title = configFromURL.title; // Create viewer pannellum.viewer('container', configFromURL); } // Display error if opened from local file if (window.location.protocol == 'file:') { anError('Due to browser security restrictions, Pannellum can\'t be run ' + 'from the local filesystem; some sort of web server must be used.'); } else { // Initialize viewer parseURLParameters(); }