Add support for non-square tiles

examples_src/wms-custom-tilegrid-512x256.js

@@ -0,0 +1,44 @@
+goog.require('ol.Map');
+goog.require('ol.View');
+goog.require('ol.extent');
+goog.require('ol.layer.Tile');
+goog.require('ol.proj');
+goog.require('ol.source.MapQuest');
+goog.require('ol.source.TileWMS');
+goog.require('ol.tilegrid.TileGrid');
+
+
+var projExtent = ol.proj.get('EPSG:3857').getExtent();
+var startResolution = ol.extent.getWidth(projExtent) / 256;
+var resolutions = new Array(22);
+for (var i = 0, ii = resolutions.length; i < ii; ++i) {
+  resolutions[i] = startResolution / Math.pow(2, i);
+}
+var tileGrid = new ol.tilegrid.TileGrid({
+  origin: ol.extent.getBottomLeft(projExtent),
+  resolutions: resolutions,
+  tileSize: [512, 256]
+});
+
+var layers = [
+  new ol.layer.Tile({
+    source: new ol.source.MapQuest({layer: 'sat'})
+  }),
+  new ol.layer.Tile({
+    extent: [-13884991, 2870341, -7455066, 6338219],
+    source: new ol.source.TileWMS({
+      url: 'http://demo.boundlessgeo.com/geoserver/wms',
+      params: {'LAYERS': 'topp:states', 'TILED': true},
+      serverType: 'geoserver',
+      tileGrid: tileGrid
+    })
+  })
+];
+var map = new ol.Map({
+  layers: layers,
+  target: 'map',
+  view: new ol.View({
+    center: [-10997148, 4569099],
+    zoom: 4
+  })
+});