Fix types, always use mercator for XYZ tiles (#1272)

* Fix types, always use mercator for XYZ tiles

* ImageFormatPlugin:Add url parameters

Author: gkjohnson

src/three/plugins/images/DeepZoomImagePlugin.d.ts

@@ -3,6 +3,7 @@ export class DeepZoomImagePlugin {
 	constructor( options: {
 		center?: boolean,
 		useRecommendedSettings?: boolean,
+		url?: string,
 	} );
 
 }

src/three/plugins/images/EPSGTilesPlugin.d.ts

@@ -5,9 +5,10 @@ export class XYZTilesPlugin {
 		center?: boolean,
 		levels?: number,
 		tileDimension?: number,
-		projection?: 'ellipsoid' | 'planar',
+		shape?: 'ellipsoid' | 'planar',
 		bounds?: [ number, number, number, number ],
 		useRecommendedSettings?: boolean,
+		url?: string,
 	} );
 
 }
@@ -16,8 +17,9 @@ export class TMSTilesPlugin {
 
 	constructor( options: {
 		center?: boolean,
-		projection?: 'ellipsoid' | 'planar',
+		shape?: 'ellipsoid' | 'planar',
 		useRecommendedSettings?: boolean,
+		url?: string,
 	} );
 
 }
@@ -28,7 +30,7 @@ export class WMTSTilesPlugin {
 		center?: boolean,
 		levels?: number,
 		tileDimension?: number,
-		projection?: 'ellipsoid' | 'planar',
+		shape?: 'ellipsoid' | 'planar',
 		bounds?: [ number, number, number, number ],
 		useRecommendedSettings?: boolean,
 	} );

src/three/plugins/images/EPSGTilesPlugin.js

@@ -14,7 +14,6 @@ export class XYZTilesPlugin extends EllipsoidProjectionTilesPlugin {
 		const {
 			levels,
 			tileDimension,
-			projection,
 			bounds,
 			url,
 			...rest
@@ -23,7 +22,7 @@ export class XYZTilesPlugin extends EllipsoidProjectionTilesPlugin {
 		super( rest );
 
 		this.name = 'XYZ_TILES_PLUGIN';
-		this.imageSource = new XYZImageSource( { url, levels, tileDimension, projection, bounds } );
+		this.imageSource = new XYZImageSource( { url, levels, tileDimension, bounds } );
 
 	}
 

src/three/plugins/images/sources/XYZImageSource.js

@@ -10,13 +10,11 @@ export class XYZImageSource extends TiledImageSource {
 		const {
 			levels = 20,
 			tileDimension = 256,
-			projection = 'EPSG:3857',
 			url = null,
 		} = options;
 
 		this.tileDimension = tileDimension;
 		this.levels = levels;
-		this.projection = projection;
 		this.url = url;
 
 	}
@@ -33,10 +31,10 @@ export class XYZImageSource extends TiledImageSource {
 	init() {
 
 		// transform the url
-		const { tiling, tileDimension, levels, projection, url } = this;
+		const { tiling, tileDimension, levels, url } = this;
 
 		tiling.flipY = ! /{\s*reverseY|-\s*y\s*}/g.test( url );
-		tiling.setProjection( new ProjectionScheme( projection ) );
+		tiling.setProjection( new ProjectionScheme( 'EPSG:3857' ) );
 		tiling.setContentBounds( ...tiling.projection.getBounds() );
 		tiling.generateLevels( levels, tiling.projection.tileCountX, tiling.projection.tileCountY, {
 			tilePixelWidth: tileDimension,