Mercurial > hg > orthanc-wsi
annotate ViewerPlugin/viewer.js @ 115:a51dee6a1515
upgrade to year 2018
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Tue, 02 Jan 2018 10:01:35 +0100 |
| parents | ff0ef01c332c |
| children | 6b8ccfc02051 |
| rev | line source |
|---|---|
| 0 | 1 /** |
| 2 * Orthanc - A Lightweight, RESTful DICOM Store | |
| 3 * Copyright (C) 2012-2016 Sebastien Jodogne, Medical Physics | |
| 4 * Department, University Hospital of Liege, Belgium | |
|
115
a51dee6a1515
upgrade to year 2018
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
98
diff
changeset
|
5 * Copyright (C) 2017-2018 Osimis S.A., Belgium |
| 0 | 6 * |
| 7 * This program is free software: you can redistribute it and/or | |
| 8 * modify it under the terms of the GNU Affero General Public License | |
| 9 * as published by the Free Software Foundation, either version 3 of | |
| 10 * the License, or (at your option) any later version. | |
| 11 * | |
| 12 * This program is distributed in the hope that it will be useful, but | |
| 13 * WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 15 * Affero General Public License for more details. | |
| 16 * | |
| 17 * You should have received a copy of the GNU Affero General Public License | |
| 18 * along with this program. If not, see <http://www.gnu.org/licenses/>. | |
| 19 **/ | |
| 20 | |
| 21 | |
| 22 // For IE compatibility | |
| 23 if (!window.console) window.console = {}; | |
| 24 if (!window.console.log) window.console.log = function () { }; | |
| 25 | |
| 26 | |
| 27 // http://stackoverflow.com/a/21903119/881731 | |
| 28 function GetUrlParameter(sParam) | |
| 29 { | |
| 30 var sPageURL = decodeURIComponent(window.location.search.substring(1)); | |
| 31 var sURLVariables = sPageURL.split('&'); | |
| 32 var sParameterName; | |
| 33 var i; | |
| 34 | |
| 35 for (i = 0; i < sURLVariables.length; i++) | |
| 36 { | |
| 37 sParameterName = sURLVariables[i].split('='); | |
| 38 | |
| 39 if (sParameterName[0] === sParam) | |
| 40 { | |
| 41 return sParameterName[1] === undefined ? '' : sParameterName[1]; | |
| 42 } | |
| 43 } | |
| 44 | |
| 45 return ''; | |
| 46 }; | |
| 47 | |
| 48 | |
| 49 | |
| 50 $(document).ready(function() { | |
| 51 var seriesId = GetUrlParameter('series'); | |
| 52 if (seriesId.length == 0) | |
| 53 { | |
| 54 alert('Error - No series ID specified!'); | |
| 55 } | |
| 56 else | |
| 57 { | |
| 58 $.ajax({ | |
| 59 url : '../pyramids/' + seriesId, | |
| 60 error: function() { | |
| 61 alert('Error - Cannot get the pyramid structure of series: ' + seriesId); | |
| 62 }, | |
| 63 success : function(series) { | |
| 64 var width = series['TotalWidth']; | |
| 65 var height = series['TotalHeight']; | |
| 66 var tileWidth = series['TileWidth']; | |
| 67 var tileHeight = series['TileHeight']; | |
| 68 var countLevels = series['Resolutions'].length; | |
| 69 | |
| 70 // Maps always need a projection, but Zoomify layers are not geo-referenced, and | |
| 71 // are only measured in pixels. So, we create a fake projection that the map | |
| 72 // can use to properly display the layer. | |
| 73 var proj = new ol.proj.Projection({ | |
| 74 code: 'pixel', | |
| 75 units: 'pixels', | |
| 76 extent: [0, 0, width, height] | |
| 77 }); | |
| 78 | |
| 79 var extent = [0, -height, width, 0]; | |
| 80 | |
| 81 // Disable the rotation of the map, and inertia while panning | |
| 82 // http://stackoverflow.com/a/25682186 | |
| 83 var interactions = ol.interaction.defaults({ | |
| 84 altShiftDragRotate : false, | |
| 85 pinchRotate : false, | |
| 86 dragPan: false | |
| 87 }).extend([ | |
| 88 new ol.interaction.DragPan({kinetic: false}) | |
| 89 ]); | |
| 90 | |
| 91 var layer = new ol.layer.Tile({ | |
| 92 extent: extent, | |
| 93 source: new ol.source.TileImage({ | |
| 94 projection: proj, | |
| 95 tileUrlFunction: function(tileCoord, pixelRatio, projection) { | |
| 96 return ('../tiles/' + seriesId + '/' + | |
| 97 (countLevels - 1 - tileCoord[0]) + '/' + tileCoord[1] + '/' + (-tileCoord[2] - 1)); | |
| 98 }, | |
| 99 tileGrid: new ol.tilegrid.TileGrid({ | |
| 100 extent: extent, | |
| 101 resolutions: series['Resolutions'].reverse(), | |
| 102 tileSize: [tileWidth, tileHeight] | |
| 103 }) | |
| 104 }), | |
| 105 wrapX: false, | |
| 106 projection: proj | |
| 107 }); | |
| 108 | |
| 109 | |
| 110 var map = new ol.Map({ | |
| 111 target: 'map', | |
| 112 layers: [ layer ], | |
| 113 view: new ol.View({ | |
| 114 projection: proj, | |
| 115 center: [width / 2, -height / 2], | |
| 116 zoom: 0, | |
| 117 minResolution: 1 // Do not interpelate over pixels | |
| 118 }), | |
| 119 interactions: interactions | |
| 120 }); | |
| 121 | |
| 122 map.getView().fit(extent, map.getSize()); | |
| 123 } | |
| 124 }); | |
| 125 } | |
| 126 }); |