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

我尝试使用openlayers 3 xyz示例中的示例从此服务创建一个webmap，但渲染的地图不完整。使用wrapX更好：false，但问题尚未解决。使用传单时也无法正确显示

下面是JS对OL3代码的处理

var-map=新的ol.map({
目标：“地图”，
图层：[
新ol.layer.Tile({
来源：new ol.source.XYZ({
url:“http://maps.gov.bc.ca/arcgis/rest/services/Province/web_mercator_cache/MapServer" +
“/tile/{z}/{y}/{x}”
})
})
],
视图：新ol.view({
中心：Lonlat的其他项目（[-118,51.5]），
缩放：1
})
});当源代码配置为“wrapX:false”时，映射看起来很好。你到底看到了什么问题？地图加载了，但应该显示的区域只有大约1/4在那里。这是它应该是什么样子的-这是传单剪变量map=L.map（'map'）.setView（[55.5，-121.691067]，5）；L.Tillelayer（{z}/{y}/{x}，{归属：不列颠哥伦比亚省'}）；