<div dir="ltr">Hi,<div><br></div><div>I'm wanting to include our WMS-V project into (at least) my development version of ol3.  However, I have a couple of issues.  The main one is that I cannot get our WMS to display.  Apparently, it is using the wrong EPSG code (as verified by looking at the requests), even though I defined it similarly to the custom projection example.</div>
<div><br></div><div>We are using EPSG:2193 which is the projection of our data and is not trivial to change.</div><div><br></div><div style>The relevant portion in the HTML is:</div><div style><br></div><div style>
    
    <div><script src="<a href="http://ourenvironment.scinfo.org.nz/js/OpenLayers/proj4js.js">http://ourenvironment.scinfo.org.nz/js/OpenLayers/proj4js.js</a>" type="text/javascript"></script></div>
<div>    <script src="<a href="http://ourenvironment.scinfo.org.nz/js/OpenLayers/defs/EPSG2193.js">http://ourenvironment.scinfo.org.nz/js/OpenLayers/defs/EPSG2193.js</a>" type="text/javascript"></script></div>
<div>    <script src="loader.js?id=wms-v" type="text/javascript"></script></div></div><div><br></div><div>I have the following code in my example:</div><div><br></div><div><div><div>goog.require('ol.Attribution');</div>
<div>goog.require('ol.Map');</div><div>goog.require('ol.RendererHints');</div><div>goog.require('ol.View2D');</div><div>goog.require('ol.layer.ImageLayer');</div><div>goog.require('ol.projection');</div>
<div>goog.require('ol.source.SingleImageWMS');</div><div>goog.require('ol.source.TiledWMS');</div></div><div><br></div><div><div>var layers = [</div><div>  new ol.layer.TileLayer({</div><div>    source: new ol.source.TiledWMS({</div>
<div>      url: '<a href="http://maps.scinfo.org.nz/basemaps/wms?">http://maps.scinfo.org.nz/basemaps/wms?</a>',</div><div>      params: {</div><div>          'LAYERS': 'landscape_eco_painted_relief', </div>
<div>          'TILED': true,</div><div>          'VERSION': '1.1.1'</div><div>      },</div><div>      extent: [1000000, 4700000.0000001, 2200000, 6300000]</div><div>    })</div><div>  })</div><div>
];</div><div>var projection = ol.projection.configureProj4jsProjection({</div><div>  code: 'EPSG:2193',</div><div>  extent: [1000000, 4700000.0000001, 2200000, 6300000],</div><div>  units: 'm'</div><div>});</div>
<div>var map = new ol.Map({</div><div>  //renderer: ol.RendererHint.CANVAS,</div><div>  renderer: ol.RendererHint.DOM,</div><div>  projection: projection,</div><div>  layers: layers,</div><div>  target: 'map',</div>
<div>  view: new ol.View2D({</div><div>    center: [1600000, 5500000],</div><div>    zoom: 4</div><div>  })</div><div>});</div></div><div><br></div><div style>However, it doesn't work as expected.  The requests are going to for example:</div>
<div style><a href="http://maps.scinfo.org.nz/basemaps/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&WIDTH=256&HEIGHT=256&LAYERS=landscape_eco_painted_relief&TILED=true&STYLES=&SRS=EPSG%3A3857&BBOX=2504688.542848654%2C5009377.085697312%2C5009377.08569731%2C7514065.628545968">http://maps.scinfo.org.nz/basemaps/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&WIDTH=256&HEIGHT=256&LAYERS=landscape_eco_painted_relief&TILED=true&STYLES=&SRS=EPSG%3A3857&BBOX=2504688.542848654%2C5009377.085697312%2C5009377.08569731%2C7514065.628545968</a><br>
</div><div style>which is obviously the wrong projection.</div><div style><br></div><div style>Note: When I zoom out a lot, I can see a faint hint of New Zealand, so it seems like it could work.</div><div style><br></div>
<div style>Any help would be much appreciated.</div><div style><br></div><div style>Regards,</div><div style>Tim</div><div><br></div><div>Tim-Hinnerk Heuer<br><br>Twitter: @geekdenz<br><div>Blog: <a href="http://www.thheuer.com/" target="_blank">http://www.thheuer.com</a></div>
</div>
</div></div>