/* eslint-disable no-prototype-builtins */
|
'use strict'
|
const init = (L) => {
|
L.TileLayer.WMTS = L.TileLayer.extend({
|
defaultWmtsParams: {
|
service: 'WMTS',
|
request: 'GetTile',
|
version: '1.0.0',
|
layer: '',
|
style: '',
|
tilematrixset: '',
|
format: 'image/jpeg'
|
},
|
|
initialize: function (url, options) { // (String, Object)
|
this._url = url
|
var lOptions = {}
|
var cOptions = Object.keys(options)
|
cOptions.forEach(element => {
|
lOptions[element.toLowerCase()] = options[element]
|
})
|
var wmtsParams = L.extend({}, this.defaultWmtsParams)
|
var tileSize = lOptions.tileSize || this.options.tileSize
|
if (lOptions.detectRetina && L.Browser.retina) {
|
wmtsParams.width = wmtsParams.height = tileSize * 2
|
} else {
|
wmtsParams.width = wmtsParams.height = tileSize
|
}
|
for (var i in lOptions) {
|
// all keys that are in defaultWmtsParams options go to WMTS params
|
if (wmtsParams.hasOwnProperty(i) && i !== 'matrixIds') {
|
wmtsParams[i] = lOptions[i]
|
}
|
}
|
this.wmtsParams = wmtsParams
|
this.matrixIds = options.matrixIds || this.getDefaultMatrix()
|
L.setOptions(this, options)
|
},
|
|
onAdd: function (map) {
|
this._crs = this.options.crs || map.options.crs
|
L.TileLayer.prototype.onAdd.call(this, map)
|
},
|
|
getTileUrl: function (coords) { // (Point, Number) -> String
|
var tileSize = this.options.tileSize
|
var nwPoint = coords.multiplyBy(tileSize)
|
nwPoint.x += 1
|
nwPoint.y -= 1
|
var sePoint = nwPoint.add(new L.Point(tileSize, tileSize))
|
var zoom = this._tileZoom
|
var nw = this._crs.project(this._map.unproject(nwPoint, zoom))
|
var se = this._crs.project(this._map.unproject(sePoint, zoom))
|
var tilewidth = se.x - nw.x
|
var ident = this.matrixIds[zoom].identifier
|
var tilematrix = this.wmtsParams.tilematrixset + ':' + ident
|
var X0 = this.matrixIds[zoom].topLeftCorner.lng
|
var Y0 = this.matrixIds[zoom].topLeftCorner.lat
|
var tilecol = Math.floor((nw.x - X0) / tilewidth)
|
var tilerow = -Math.floor((nw.y - Y0) / tilewidth)
|
var url = L.Util.template(this._url, { s: this._getSubdomain(coords) })
|
return url + L.Util.getParamString(this.wmtsParams, url) + '&tilematrix=' + tilematrix + '&tilerow=' + tilerow + '&tilecol=' + tilecol
|
},
|
|
setParams: function (params, noRedraw) {
|
L.extend(this.wmtsParams, params)
|
if (!noRedraw) {
|
this.redraw()
|
}
|
return this
|
},
|
|
getDefaultMatrix: function () {
|
/**
|
* the matrix3857 represents the projection
|
* for in the IGN WMTS for the google coordinates.
|
*/
|
var matrixIds3857 = new Array(22)
|
for (var i = 0; i < 22; i++) {
|
matrixIds3857[i] = {
|
identifier: '' + i,
|
topLeftCorner: new L.LatLng(20037508.3428, -20037508.3428)
|
}
|
}
|
return matrixIds3857
|
}
|
})
|
|
L.tileLayer.wmts = function (url, options) {
|
return new L.TileLayer.WMTS(url, options)
|
}
|
}
|
|
export default {
|
init
|
}
|
