Adding Spanish IGN maps

src/components/map-tile-provider/MapTileProvider.tsx

@@ -73,6 +73,24 @@ export const mapTileProviders: TileProviders = {
       url: 'https://{a-c}.tile.openstreetmap.fr/openriverboatmap/{z}/{x}/{y}.png',
     }),
   },
+  rasterIgnEs: {
+    name: 'Cartografía Ráster de España del IGN',
+    language: 'es',
+    source: new XYZ({
+      minZoom: 0,
+      maxZoom: 19,
+      url: 'http://www.ign.es/wmts/mapa-raster?request=getTile&layer=MTN&TileMatrixSet=GoogleMapsCompatible&TileMatrix={z}&TileCol={x}&TileRow={y}&format=image/jpeg',
+    }),
+  },
+  pnoaMaEs: {
+    name: 'Ortoimágenes de España',
+    language: 'es',
+    source: new XYZ({
+      minZoom: 0,
+      maxZoom: 19,
+      url: 'http://www.ign.es/wmts/pnoa-ma?request=getTile&layer=MTN&TileMatrixSet=GoogleMapsCompatible&TileMatrix={z}&TileCol={x}&TileRow={y}&format=image/jpeg',
+    }),
+  },
 };
 
 const MapTilesProvider: Component<{}> = (props) => {