leaflet.TileLayer.WMTS icon indicating copy to clipboard operation
leaflet.TileLayer.WMTS copied to clipboard

integration with angular-cli

Open curvenut opened this issue 7 years ago • 1 comments

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

curvenut avatar Jun 28 '17 17:06 curvenut

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])
  };

alexandre-melard avatar Sep 16 '17 16:09 alexandre-melard