Leaflet 如何与传单一起使用GeoMet WMS
我一直在努力使WMS服务工作与传单。我只想使用标准的CRS=EPSG:3857,这似乎得到了服务的支持。但是,我无法让WMS层与OpenStreetMap基础层对齐 这张照片应该在加拿大上空对齐。它在QGIS中工作得很好 这是一支密码笔: 这是我需要使用的WMS的文档页面 我尝试在地图和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>
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!你完全正确。我甚至没有拿苹果来比较。非常感谢你指出这个愚蠢的错误。你为我节省了更多的时间。