// Open Street Map Hike and Bike var hikebike = L.tileLayer('https://map1.gpsies.com/{z}/{x}/{y}.png', { minZoom: 9, maxZoom: 15, tms: false, attribution: 'Generated by TilesXYZ' }).addTo(map);
//var osm = L.tileLayer [...] bei osm einfügen //var mytile = L.tileLayer [...] bei eigenem layer einfügen // Hintergrundkarten zu einem Gruppenlayer zusammenfassen var baseLayers = { "OSM": osm, "Meine Karte": mytile }; // Layer Switcher hinzufügen L.control.layers(baseLayers).addTo(map);
var mytile = L.tileLayer('https://e-gov.ooe.gv.at/dorissrv/test/trophy/{z}/{x}/{y}.png', {
var poi_features = { "type": "FeatureCollection", "name": "pois", ...
<script src="pois.js" type="text/javascript"></script>
// GeoJSON Points of interest als overlay hinzufügen // Popups konfigurieren function onEachFeature(feature, layer) { var popupContent = "<p>Kennzahl: "; if (feature.properties && feature.properties.KENNZAHL) { popupContent += feature.properties.KENNZAHL +"</p>"; } layer.bindPopup(popupContent); } // Style konfigurieren var pois = L.geoJSON(poi_features, { onEachFeature: onEachFeature, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, { radius: 8, fillColor: "#ff7800", color: "#000", weight: 1, opacity: 1, fillOpacity: 0.8 }); } }).addTo(map); var overlays = { "POIs": pois }
// Style konfigurieren für png ICONs mit Filter // Bilder als Icons definieren var ambulanceIcon = L.icon({ iconUrl: 'ambulance.png', iconSize: [32, 37], iconAnchor: [16, 37], popupAnchor: [0, -28] }); var fireIcon = L.icon({ iconUrl: 'firemen.png', iconSize: [32, 37], iconAnchor: [16, 37], popupAnchor: [0, -28] }); var informationIcon = L.icon({ iconUrl: 'information.png', iconSize: [32, 37], iconAnchor: [16, 37], popupAnchor: [0, -28] }); // Funktion zur Zuordnung zwischen Kennzahl und ICON function iconByKennzahl(feature){ var icon; if (feature.properties.KENNZAHL == 14111) icon = fireIcon; else if (feature.properties.KENNZAHL == 14100) icon = ambulanceIcon; else icon = informationIcon; return icon; } var pois_icons = L.geoJSON(poi_features, { onEachFeature: onEachFeature, pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: iconByKennzahl(feature)}); } }); var overlays = { "POIs Bilder": pois_icons, "POIs": pois }
var widmungen = L.tileLayer.wms('https://srv.doris.at:443/arcgis/services/Basisdaten/GeoLand/MapServer/WmsServer?', { layers: 'Widmungskategorie', transparent: 'true', format: 'image/png', opacity: 0.8 }); //[...] und bei den overlays hinzufügen: var overlays = { "POIs": pois, "Widmungen": widmungen }
Fertige Applikation siehe https://e-gov.ooe.gv.at/dorissrv/test/trophy/trophy.html