Читать книгу Leaflet - Astrid Günther - Страница 34
L.tileLayer.wms und L.tileLayer zusammen auf einer Karte
ОглавлениеDas nachfolgende Beispiel zeigt Ihnen, wie Sie einen L.tileLayer mit einem L.tileLayer.wms kombinieren können.
<!DOCTYPE HTML> <html> <head> <title>Eine OSM-Karte mit Leaflet</title> <link rel="stylesheet" href="../leaflet/leaflet.css" /> <script src="../leaflet/leaflet.js"></script> </head> <body> <div style="height: 700px;" id="mapid"></div> <script> var mymap = L.map('mapid').setView([50.27264, 7.26469], 7); *L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(mymap); *L.tileLayer.wms("https://maps.dwd.de/geoserver/dwd/wms", *{ *format: 'image/png', *transparent: true, *layers:'dwd:Warngebiete_Kreise' *}).addTo(mymap); *L.tileLayer.wms("https://maps.dwd.de/geoserver/dwd/wms", *{ *transparent: true, *format: 'image/png', *layers:'dwd:Warnungen_Gemeinden_vereinigt' *}).addTo(mymap); </script> </body> </html> <!--index_990.html-->
Für dieses Beispiel gilt das, was ich im vorherigen Beispiel bezüglich Transparenz und Format geschrieben habe. Zusätzlich müssen Sie darauf achten, dass Sie den L.tileLayer nicht über die Schicht L.tileLayer.wms.Layer legen. Der L.tileLayer ist nicht transparent. Er würde die Schicht L.tileLayer.wms.Layer vollständig abdecken.
Die nachfolgende Abbildung zeigt Ihnen die zwei L.tileLayer.wms Layer über dem L.tileLayer Layer.
Abbildung: Zwei L.tileLayer.wms Layer über dem L.tileLayer Layer.
Achtung: Wenn auf Ihrer Karte der Layer dwd:Warnungen_Gemeinden_vereinigt nicht angezeigt wird, kann es daran liegen, dass es zurzeit keine Warnungen gibt. Dieser Layer enthält nur Daten, wenn aktuell Wetterwarnungen vorliegen. Die grünen Polygone im Layer dwd:Warngebiete_Kreise, die die Landkreise darstellen, werden dahingegen immer eingeblendet.
