search

alexandre-melard / leaflet.TileLayer.WMTS

Add WMTS layering for leaflet
Other
78 stars 84 forks source link

integration with angular-cli #14

Open curvenut opened 7 years ago

curvenut commented 7 years ago

Hi,

I am trying to use it with an angular-cli project. I manage to import the javascript file with the instruction in my typescript source : 

 import * as wmts  from 'assets/LeafletWMTS';

But then I got an error when creating the wmts tilelayer 

L.tileLayer.wmts(urlTemplate, options)

give and error wmts does not exist in type "typeof tileLayer"

Thanks for help

alexandre-melard commented 7 years ago

you don't need that plugin anymore, exemple with angular-cli: use ngx-leaflet and the code below:

  ignMap = L.tileLayer('https://wxs.ign.fr/' +
    'your key' + '/geoportail/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=' +
    'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN25TOUR' + '&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=image%2Fjpeg',
    { opacity: 0.5 });

  options = {
    layers: [
      this.ignMap
    ],
    zoom: 15,
    center: L.latLng([45.419364, 5.347022])
  };