Leaflet 如何与传单一起使用GeoMet WMS

Leaflet 如何与传单一起使用GeoMet WMS,leaflet,coordinate-systems,wms,Leaflet,Coordinate Systems,Wms,我一直在努力使WMS服务工作与传单。我只想使用标准的CRS=EPSG:3857,这似乎得到了服务的支持。但是,我无法让WMS层与OpenStreetMap基础层对齐 这张照片应该在加拿大上空对齐。它在QGIS中工作得很好 这是一支密码笔: 这是我需要使用的WMS的文档页面 我尝试在地图和WMS层中设置crs:L.crs.EPS3857,但似乎没有效果 现在有人知道如何让这支笔工作了吗 完整代码如下: <!DOCTYPE html> <html> <head>

我一直在努力使WMS服务工作与传单。我只想使用标准的CRS=EPSG:3857,这似乎得到了服务的支持。但是,我无法让WMS层与OpenStreetMap基础层对齐

这张照片应该在加拿大上空对齐。它在QGIS中工作得很好

这是一支密码笔:

这是我需要使用的WMS的文档页面

我尝试在地图和WMS层中设置
crs:L.crs.EPS3857
,但似乎没有效果

现在有人知道如何让这支笔工作了吗

完整代码如下:

<!DOCTYPE html>
<html>

<head>
  <title>Quick Start - Leaflet</title>

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />

  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
    integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
    crossorigin="" />
  <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"
    integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og=="
    crossorigin=""></script>
</head>

<body>
  <div id="mapid" style="width: 800px; height: 800px;"></div>
  <script>


    var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
    var osmAttrib = 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
    var osm = new L.TileLayer(osmUrl, { minZoom: 1, maxZoom: 19, attribution: osmAttrib });

    var wmsOptions = {
      layers: 'HRDPS.NORTH.PRES_WSPD.275',
      transparency: true,
      format: 'image/png',
      version: '1.3.0'
    }

    var url = 'https://geo.weather.gc.ca/geomet'
    var wmsLayer = L.tileLayer.wms(url, wmsOptions);

    var myMap = L.map('mapid').setView([49, -123], 2);
    osm.addTo(myMap);
    wmsLayer.addTo(myMap);
  </script>



</body>

</html>

快速入门-单张
var osmUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib=‘地图数据©贡献者’;
var osm=new L.TileLayer(osmUrl,{minZoom:1,maxZoom:19,attribution:osmAttrib});
变量wmsOptions={
图层:“HRDPS.NORTH.PRES_WSPD.275”,
透明度:没错,
格式:'image/png',
版本:“1.3.0”
}
var url='1〕https://geo.weather.gc.ca/geomet'
var wmsLayer=L.tileLayer.wms(url,wmsOptions);
var myMap=L.map('mapid').setView([49,-123],2);
osm.addTo(myMap);
wmsLayer.addTo(myMap);

感谢您的帮助

当QGis配置为显示
EPSG:3857
时,来自WMS服务器的
HRDPS.NORTH.PRES_WSPD.275
层在传单中的外观与在QGis中的完全相同:

你没有做错什么。请注意,来自同一WMS服务的其他层确实覆盖了加拿大大陆、海洋或其他地区。

OMG!你完全正确。我甚至没有拿苹果来比较。非常感谢你指出这个愚蠢的错误。你为我节省了更多的时间。