_DSC0129fb4
_DSC0028ps
_DSC0092
_DSC0425psa1
Rzeźb Królów
Rzeźb Królików
Rzeźby Legend
Makiety
Infokioski
Tablice informacyjne
<!DOCTYPE html>
<html>
<head>
<title>Goń Królika</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="mapa/leaflet/leaflet.css"/>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
</head>
<body>
<div id="mapid" style="width: 100%; height: 600px;"></div>
<script src="mapa/obiekty.js" type="text/javascript"></script>
<script>
var mymap = L.map('mapid').setView([52.5359736, 17.5958890], 15);
L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> © <a href="https://carto.com/attributions">CARTO</a> | <a href="mailto:rafalsmyk3@gmail.com">rafalsmyk3@gmail.com</a>',
subdomains: 'abcd',
maxZoom: 19,
minZoom: 13
}).addTo(mymap);
function onEachFeature(feature, layer) {
var popupContent = feature.properties.Nazwa;
var urlLink = feature.properties.Url;
if (feature.properties && feature.properties.popupContent) {
popupContent += feature.properties.popupContent;
}
layer.bindPopup(popupContent, {closeButton:false});
layer.on('mouseover', function (e) {
this.openPopup();
});
layer.on('mouseout', function (e) {
this.closePopup();
});
layer.on('click', function (e) {
window.open(urlLink,"_blank");
});
}
var myStyle = {
"color": "#e20613", //"#e20613","#800000"
"weight": 3.5,
"opacity": 0.75
};
var myStyle2 = {
"color": "#e20613", //"#e20613","#800000"
"dashArray": "16, 8",
"weight": 3,
"opacity": 0.75
};
var legend = {
"Królowie": "#8c004c", //"#fbb4ae", //"#8c004c",
"Króliki": "#253080",//"#b3cde3", //"#253080",
"Legendy": "#3e2358",//"#ccebc5", //"#3e2358",
"Makiety": "#1d1d1b",//"#decbe4", //"#1d1d1b",
"Infomat": "#000"//"#ffffcc" //"#000"
//"Obiekty": "#92191d"
};
var legend_svg = {
"Królowie": 'mapa/icons/king.svg',
"Króliki": 'mapa/icons/rabbit.svg',
"Legendy": 'mapa/icons/legend.svg',
"Makiety": 'mapa/icons/makieta.svg',
"Infomat": 'mapa/icons/info.svg'
};
var dr2 = L.geoJSON(droga22, {
style: myStyle2
}).addTo(mymap);
var dr = L.geoJSON(droga, {
style: myStyle
}).addTo(mymap);
var obIcon = L.icon({
iconUrl: 'icons/place.svg',
iconSize: 40,
popupAnchor: [0, -20]
});
var ob2 = L.geoJSON(obiekty, {
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 23,
fillColor: "#92191d",
color: "#FFFFFF",
weight: 2,
opacity: 1,
fillOpacity: 1
});
}
});
var ob = L.geoJSON(obiekty, {
style: function (feature) {
return feature.properties && feature.properties.style;
},
onEachFeature: onEachFeature,
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: obIcon
});
}
});//.addTo(mymap);
var pt2 = L.geoJSON(punkty, {
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 23,
fillColor: legend[feature.properties.Rodzaj],
color: "#FFFFFF",
weight: 2,
opacity: 1,
fillOpacity: 1
});
}
});//.addTo(mymap);
var pt = L.geoJSON(punkty, {
style: function (feature) {
return feature.properties && feature.properties.style;
},
onEachFeature: onEachFeature,
pointToLayer: function (feature, latlng) {
var svgIcon = L.icon({
iconUrl: legend_svg[feature.properties.Rodzaj],
iconSize: 40,
popupAnchor: [0, -20]
});
return L.marker(latlng, {
icon: svgIcon
});
}
}).addTo(mymap);
//var combo = L.layerGroup([ob, ob2]);
//var pt3 = L.layerGroup([pt, pt2]).addTo(mymap);
var overlayMaps = {
"Wszystkie obiekty ": ob
};
var baseLayers = {};
L.control.layers(baseLayers,overlayMaps).addTo(mymap);
</script>
</body>
</html>
Znajdź naszą aplikację:
Cel projektu: zachowanie, ochrona, promowanie i rozwój Szlaku Piastowskiego – dziedzictwa kulturowego Wielkopolski
Beneficjent: Wielkopolska Organizacja Turystyczna
Partner: Miasto Gniezno