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
|
157
|
5 * Copyright (C) 2017-2019 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 });
|