ESRI磁贴服务未在Web地图中正确加载

Question

我尝试使用openlayers 3 xyz示例中的示例从此服务http://maps.gov.bc.ca/arcgis/rest/services/Province/web_mercator_cache/MapServer创建一个webmap，但渲染的地图不完整。 wrapX：false更好，但问题没有解决。它也无法使用Leaflet正确显示。

这是JS摆弄OL3代码。

http://jsfiddle.net/7ettuy1c/

＆＃13;

＆＃13;

var map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.XYZ({
        url: "http://maps.gov.bc.ca/arcgis/rest/services/Province/web_mercator_cache/MapServer" +
            '/tile/{z}/{y}/{x}'
      })
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([-118, 51.5]),
    zoom: 1
  })
});

＆＃13;

＆＃13;

＆＃13;