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 }); |