Connection to database failed: Possibly the server was restarted. It takes about 10 minutes to read the database. Please try again later!
Verbindung zur Datenbank fehlgeschlagen: Eventuell wurde der Server neu gestartet.
Das Einlesen der Datenbank dauert etwa 10 Minuten. Bitte versuchen Sie es später noch einmal!
let url = location.protocol + "//" + location.host + "/img/";
let map = L.map('map', {
center: [54.339196725624,10.222864151001],
zoom: 15,
zoomControl: false,
tap: false
});
//Layers - OSM is pre selected
//variable for OSM
let OpenStreetMap_DE = L.tileLayer('https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap contributors'
}).addTo(map);
//Variables for Bing
let BING_KEY = 'AlqnXp9wAwXT2E5_GRJanH9Xrx-olcRR7s8LBnkbiOkD6w-2Z4Cw4l3zuLZFN35M'
//Bing aerial
let bingLayerAerial = L.tileLayer.bing(BING_KEY)
//Bing road
let bingLayerRoad = L.tileLayer.bing({
bingMapsKey: BING_KEY,
imagerySet: 'RoadOnDemand',
culture: 'de_DE'
})
//openRailway
let OpenRailwayMap = L.tileLayer('https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: 'Map data: © OpenStreetMap contributors | Map style: © OpenRailwayMap (CC-BY-SA)'
})
//draw circle
let circle = L.circle([54.339196725624,10.222864151001], {
radius: 1000,
color: '#18BC9C',
fillOpacity: 0.05
});
circle.addTo(map);
//city boarders = Polygon
//Marker Icons
let LeafIcon = L.Icon.extend({
options: {
iconSize: [32, 37],
}
}
)
let cityMarker = new LeafIcon (
{
iconUrl: url + "stadt-icon.png"
}
)
let stopMarker = new LeafIcon (
{
iconUrl: url + "2726.png"
}
)
let stationMarker = new LeafIcon (
{
iconUrl: url + "2725.png"
}
)
let restaurantMarker = new LeafIcon (
{
iconUrl: url + ".png"
}
)
let myPositionMarker = new LeafIcon (
{
iconUrl: url + "myPosition.png"
}
)
//Center Icon
let centerMarker = L.marker([54.339196725624,10.222864151001], {icon: myPositionMarker})
centerMarker.bindPopup('Mein Standort
54.339196725624,10.222864151001').addTo(map);
function popUp(f,l){
let out = [];
if (f.properties){
for(key in f.properties){
if (key === 'name') {
f.properties[key] = ''+ f.properties[key] + '
';
}
out.push(f.properties[key]);
}
l.bindPopup(out.join("
"));
}
}
let hs = new L.geoJSON({"type": "FeatureCollection", "features": [{type: "Feature", "properties": {"name": "Steckenberg", "street": "K\u00e4tnersredder 27", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.213079452515,54.332991539387]}},{type: "Feature", "properties": {"name": "Am Dorfteich", "street": "Am Dorfteich ", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.226898193359,54.334693054604]}},{type: "Feature", "properties": {"name": "Augustental", "street": " ", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.217370986938,54.334893228236]}},{type: "Feature", "properties": {"name": "Ambo\u00dfweg", "street": "Ambossweg 2", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.232048034668,54.335793997521]}},{type: "Feature", "properties": {"name": "Sch\u00f6nkirchen Post", "street": "M\u00fchlenstrasse 50", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.222864151001,54.339196725624]}},{type: "Feature", "properties": {"name": "Linas Diek", "street": "L50 ", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.228443145752,54.34064780342]}},{type: "Feature", "properties": {"name": "Windberg", "street": "Heikendorfer Weg 55", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[10.21951675415,54.344000097643]}},]}, {
pointToLayer: function(point, latlng) {
return L.marker(latlng, {icon: stopMarker});
},
onEachFeature: popUp
});
let hsCluster = L.markerClusterGroup();
hs.addTo(hsCluster);
hsCluster.addTo(map);
let station =L.geoJSON({"type": "FeatureCollection", "features": []}, {
pointToLayer: function(point, latlng) {
return L.marker(latlng, {icon: stationMarker});
},
onEachFeature: popUp
});
let stationCluster = L.markerClusterGroup();
station.addTo(stationCluster);
stationCluster.addTo(map);
//variable for control.layer
let basemaps = {
"OpenStreetMap": OpenStreetMap_DE,
"Bing Strasse": bingLayerRoad,
"Bing Luftbild": bingLayerAerial,
"Bahnstrecken": OpenRailwayMap
};
let overlays = {
"My Position": centerMarker,
"Stops": hsCluster,
"Station": stationCluster,
}
//control for zoom
L.control.zoom({
zoomInTitle: 'hineinzoomen',
zoomOutTitle: 'herauszoomen',
zoomInText: '',
zoomOutText: '',
}).addTo(map);
//Layer control
L.control.layers(basemaps,overlays).addTo(map);