TileMapServiceImageryProvider.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. import Cartesian2 from '../Core/Cartesian2.js';
  2. import Cartographic from '../Core/Cartographic.js';
  3. import defaultValue from '../Core/defaultValue.js';
  4. import defined from '../Core/defined.js';
  5. import DeveloperError from '../Core/DeveloperError.js';
  6. import GeographicProjection from '../Core/GeographicProjection.js';
  7. import GeographicTilingScheme from '../Core/GeographicTilingScheme.js';
  8. import Rectangle from '../Core/Rectangle.js';
  9. import Resource from '../Core/Resource.js';
  10. import RuntimeError from '../Core/RuntimeError.js';
  11. import TileProviderError from '../Core/TileProviderError.js';
  12. import WebMercatorTilingScheme from '../Core/WebMercatorTilingScheme.js';
  13. import when from '../ThirdParty/when.js';
  14. import UrlTemplateImageryProvider from './UrlTemplateImageryProvider.js';
  15. /**
  16. * An imagery provider that provides tiled imagery as generated by
  17. * {@link http://www.maptiler.org/|MapTiler}, {@link http://www.klokan.cz/projects/gdal2tiles/|GDAL2Tiles}, etc.
  18. *
  19. * @alias TileMapServiceImageryProvider
  20. * @constructor
  21. *
  22. * @param {Object} [options] Object with the following properties:
  23. * @param {Resource|String|Promise<Resource>|Promise<String>} [options.url='.'] Path to image tiles on server.
  24. * @param {String} [options.fileExtension='png'] The file extension for images on the server.
  25. * @param {Credit|String} [options.credit=''] A credit for the data source, which is displayed on the canvas.
  26. * @param {Number} [options.minimumLevel=0] The minimum level-of-detail supported by the imagery provider. Take care when specifying
  27. * this that the number of tiles at the minimum level is small, such as four or less. A larger number is likely
  28. * to result in rendering problems.
  29. * @param {Number} [options.maximumLevel] The maximum level-of-detail supported by the imagery provider, or undefined if there is no limit.
  30. * @param {Rectangle} [options.rectangle=Rectangle.MAX_VALUE] The rectangle, in radians, covered by the image.
  31. * @param {TilingScheme} [options.tilingScheme] The tiling scheme specifying how the ellipsoidal
  32. * surface is broken into tiles. If this parameter is not provided, a {@link WebMercatorTilingScheme}
  33. * is used.
  34. * @param {Ellipsoid} [options.ellipsoid] The ellipsoid. If the tilingScheme is specified,
  35. * this parameter is ignored and the tiling scheme's ellipsoid is used instead. If neither
  36. * parameter is specified, the WGS84 ellipsoid is used.
  37. * @param {Number} [options.tileWidth=256] Pixel width of image tiles.
  38. * @param {Number} [options.tileHeight=256] Pixel height of image tiles.
  39. * @param {Boolean} [options.flipXY] Older versions of gdal2tiles.py flipped X and Y values in tilemapresource.xml.
  40. * Specifying this option will do the same, allowing for loading of these incorrect tilesets.
  41. * @returns {UrlTemplateImageryProvider} The imagery provider.
  42. *
  43. * @see ArcGisMapServerImageryProvider
  44. * @see BingMapsImageryProvider
  45. * @see GoogleEarthEnterpriseMapsProvider
  46. * @see OpenStreetMapImageryProvider
  47. * @see SingleTileImageryProvider
  48. * @see WebMapServiceImageryProvider
  49. * @see WebMapTileServiceImageryProvider
  50. * @see UrlTemplateImageryProvider
  51. *
  52. * @example
  53. * var tms = new Cesium.TileMapServiceImageryProvider({
  54. * url : '../images/cesium_maptiler/Cesium_Logo_Color',
  55. * fileExtension: 'png',
  56. * maximumLevel: 4,
  57. * rectangle: new Cesium.Rectangle(
  58. * Cesium.Math.toRadians(-120.0),
  59. * Cesium.Math.toRadians(20.0),
  60. * Cesium.Math.toRadians(-60.0),
  61. * Cesium.Math.toRadians(40.0))
  62. * });
  63. */
  64. function TileMapServiceImageryProvider(options) {
  65. options = defaultValue(options, defaultValue.EMPTY_OBJECT);
  66. //>>includeStart('debug', pragmas.debug);
  67. if (!defined(options.url)) {
  68. throw new DeveloperError('options.url is required.');
  69. }
  70. //>>includeEnd('debug');
  71. var deferred = when.defer();
  72. UrlTemplateImageryProvider.call(this, deferred.promise);
  73. this._tmsResource = undefined;
  74. this._xmlResource = undefined;
  75. this._options = options;
  76. this._deferred = deferred;
  77. this._metadataError = undefined;
  78. this._metadataSuccess = this._metadataSuccess.bind(this);
  79. this._metadataFailure = this._metadataFailure.bind(this);
  80. this._requestMetadata = this._requestMetadata.bind(this);
  81. var resource;
  82. var that = this;
  83. when(options.url)
  84. .then(function(url) {
  85. resource = Resource.createIfNeeded(url);
  86. resource.appendForwardSlash();
  87. that._tmsResource = resource;
  88. that._xmlResource = resource.getDerivedResource({
  89. url : 'tilemapresource.xml'
  90. });
  91. that._requestMetadata();
  92. })
  93. .otherwise(function(e) {
  94. deferred.reject(e);
  95. });
  96. }
  97. if (defined(Object.create)) {
  98. TileMapServiceImageryProvider.prototype = Object.create(UrlTemplateImageryProvider.prototype);
  99. TileMapServiceImageryProvider.prototype.constructor = TileMapServiceImageryProvider;
  100. }
  101. TileMapServiceImageryProvider.prototype._requestMetadata = function() {
  102. // Try to load remaining parameters from XML
  103. this._xmlResource.fetchXML().then(this._metadataSuccess).otherwise(this._metadataFailure);
  104. };
  105. TileMapServiceImageryProvider.prototype._metadataSuccess = function(xml) {
  106. var tileFormatRegex = /tileformat/i;
  107. var tileSetRegex = /tileset/i;
  108. var tileSetsRegex = /tilesets/i;
  109. var bboxRegex = /boundingbox/i;
  110. var format, bbox, tilesets;
  111. var tilesetsList = []; //list of TileSets
  112. var xmlResource = this._xmlResource;
  113. var metadataError = this._metadataError;
  114. var deferred = this._deferred;
  115. var requestMetadata = this._requestMetadata;
  116. // Allowing options properties (already copied to that) to override XML values
  117. // Iterate XML Document nodes for properties
  118. var nodeList = xml.childNodes[0].childNodes;
  119. for (var i = 0; i < nodeList.length; i++) {
  120. if (tileFormatRegex.test(nodeList.item(i).nodeName)) {
  121. format = nodeList.item(i);
  122. } else if (tileSetsRegex.test(nodeList.item(i).nodeName)) {
  123. tilesets = nodeList.item(i); // Node list of TileSets
  124. var tileSetNodes = nodeList.item(i).childNodes;
  125. // Iterate the nodes to find all TileSets
  126. for (var j = 0; j < tileSetNodes.length; j++) {
  127. if (tileSetRegex.test(tileSetNodes.item(j).nodeName)) {
  128. // Add them to tilesets list
  129. tilesetsList.push(tileSetNodes.item(j));
  130. }
  131. }
  132. } else if (bboxRegex.test(nodeList.item(i).nodeName)) {
  133. bbox = nodeList.item(i);
  134. }
  135. }
  136. var message;
  137. if (!defined(tilesets) || !defined(bbox)) {
  138. message = 'Unable to find expected tilesets or bbox attributes in ' + xmlResource.url + '.';
  139. metadataError = TileProviderError.handleError(metadataError, this, this.errorEvent, message, undefined, undefined, undefined, requestMetadata);
  140. if (!metadataError.retry) {
  141. deferred.reject(new RuntimeError(message));
  142. }
  143. this._metadataError = metadataError;
  144. return;
  145. }
  146. var options = this._options;
  147. var fileExtension = defaultValue(options.fileExtension, format.getAttribute('extension'));
  148. var tileWidth = defaultValue(options.tileWidth, parseInt(format.getAttribute('width'), 10));
  149. var tileHeight = defaultValue(options.tileHeight, parseInt(format.getAttribute('height'), 10));
  150. var minimumLevel = defaultValue(options.minimumLevel, parseInt(tilesetsList[0].getAttribute('order'), 10));
  151. var maximumLevel = defaultValue(options.maximumLevel, parseInt(tilesetsList[tilesetsList.length - 1].getAttribute('order'), 10));
  152. var tilingSchemeName = tilesets.getAttribute('profile');
  153. var tilingScheme = options.tilingScheme;
  154. if (!defined(tilingScheme)) {
  155. if (tilingSchemeName === 'geodetic' || tilingSchemeName === 'global-geodetic') {
  156. tilingScheme = new GeographicTilingScheme({ellipsoid : options.ellipsoid});
  157. } else if (tilingSchemeName === 'mercator' || tilingSchemeName === 'global-mercator') {
  158. tilingScheme = new WebMercatorTilingScheme({ellipsoid : options.ellipsoid});
  159. } else {
  160. message = xmlResource.url + 'specifies an unsupported profile attribute, ' + tilingSchemeName + '.';
  161. metadataError = TileProviderError.handleError(metadataError, this, this.errorEvent, message, undefined, undefined, undefined, requestMetadata);
  162. if (!metadataError.retry) {
  163. deferred.reject(new RuntimeError(message));
  164. }
  165. this._metadataError = metadataError;
  166. return;
  167. }
  168. }
  169. // rectangle handling
  170. var rectangle = Rectangle.clone(options.rectangle);
  171. if (!defined(rectangle)) {
  172. var sw;
  173. var ne;
  174. var swXY;
  175. var neXY;
  176. // In older versions of gdal x and y values were flipped, which is why we check for an option to flip
  177. // the values here as well. Unfortunately there is no way to autodetect whether flipping is needed.
  178. var flipXY = defaultValue(options.flipXY, false);
  179. if (flipXY) {
  180. swXY = new Cartesian2(parseFloat(bbox.getAttribute('miny')), parseFloat(bbox.getAttribute('minx')));
  181. neXY = new Cartesian2(parseFloat(bbox.getAttribute('maxy')), parseFloat(bbox.getAttribute('maxx')));
  182. } else {
  183. swXY = new Cartesian2(parseFloat(bbox.getAttribute('minx')), parseFloat(bbox.getAttribute('miny')));
  184. neXY = new Cartesian2(parseFloat(bbox.getAttribute('maxx')), parseFloat(bbox.getAttribute('maxy')));
  185. }
  186. // Determine based on the profile attribute if this tileset was generated by gdal2tiles.py, which
  187. // uses 'mercator' and 'geodetic' profiles, or by a tool compliant with the TMS standard, which is
  188. // 'global-mercator' and 'global-geodetic' profiles. In the gdal2Tiles case, X and Y are always in
  189. // geodetic degrees.
  190. var isGdal2tiles = tilingSchemeName === 'geodetic' || tilingSchemeName === 'mercator';
  191. if (tilingScheme.projection instanceof GeographicProjection || isGdal2tiles) {
  192. sw = Cartographic.fromDegrees(swXY.x, swXY.y);
  193. ne = Cartographic.fromDegrees(neXY.x, neXY.y);
  194. } else {
  195. var projection = tilingScheme.projection;
  196. sw = projection.unproject(swXY);
  197. ne = projection.unproject(neXY);
  198. }
  199. rectangle = new Rectangle(sw.longitude, sw.latitude, ne.longitude, ne.latitude);
  200. }
  201. // The rectangle must not be outside the bounds allowed by the tiling scheme.
  202. if (rectangle.west < tilingScheme.rectangle.west) {
  203. rectangle.west = tilingScheme.rectangle.west;
  204. }
  205. if (rectangle.east > tilingScheme.rectangle.east) {
  206. rectangle.east = tilingScheme.rectangle.east;
  207. }
  208. if (rectangle.south < tilingScheme.rectangle.south) {
  209. rectangle.south = tilingScheme.rectangle.south;
  210. }
  211. if (rectangle.north > tilingScheme.rectangle.north) {
  212. rectangle.north = tilingScheme.rectangle.north;
  213. }
  214. // Check the number of tiles at the minimum level. If it's more than four,
  215. // try requesting the lower levels anyway, because starting at the higher minimum
  216. // level will cause too many tiles to be downloaded and rendered.
  217. var swTile = tilingScheme.positionToTileXY(Rectangle.southwest(rectangle), minimumLevel);
  218. var neTile = tilingScheme.positionToTileXY(Rectangle.northeast(rectangle), minimumLevel);
  219. var tileCount = (Math.abs(neTile.x - swTile.x) + 1) * (Math.abs(neTile.y - swTile.y) + 1);
  220. if (tileCount > 4) {
  221. minimumLevel = 0;
  222. }
  223. var templateResource = this._tmsResource.getDerivedResource({
  224. url : '{z}/{x}/{reverseY}.' + fileExtension
  225. });
  226. deferred.resolve({
  227. url : templateResource,
  228. tilingScheme : tilingScheme,
  229. rectangle : rectangle,
  230. tileWidth : tileWidth,
  231. tileHeight : tileHeight,
  232. minimumLevel : minimumLevel,
  233. maximumLevel : maximumLevel,
  234. tileDiscardPolicy : options.tileDiscardPolicy,
  235. credit : options.credit
  236. });
  237. };
  238. TileMapServiceImageryProvider.prototype._metadataFailure = function(error) {
  239. // Can't load XML, still allow options and defaults
  240. var options = this._options;
  241. var fileExtension = defaultValue(options.fileExtension, 'png');
  242. var tileWidth = defaultValue(options.tileWidth, 256);
  243. var tileHeight = defaultValue(options.tileHeight, 256);
  244. var minimumLevel = defaultValue(options.minimumLevel, 0);
  245. var maximumLevel = options.maximumLevel;
  246. var tilingScheme = defined(options.tilingScheme) ? options.tilingScheme : new WebMercatorTilingScheme({ellipsoid : options.ellipsoid});
  247. var rectangle = defaultValue(options.rectangle, tilingScheme.rectangle);
  248. var templateResource = this._tmsResource.getDerivedResource({
  249. url : '{z}/{x}/{reverseY}.' + fileExtension
  250. });
  251. this._deferred.resolve({
  252. url : templateResource,
  253. tilingScheme : tilingScheme,
  254. rectangle : rectangle,
  255. tileWidth : tileWidth,
  256. tileHeight : tileHeight,
  257. minimumLevel : minimumLevel,
  258. maximumLevel : maximumLevel,
  259. tileDiscardPolicy : options.tileDiscardPolicy,
  260. credit : options.credit
  261. });
  262. };
  263. export default TileMapServiceImageryProvider;