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: [49.565973874208,8.8299179077148],
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([49.565973874208,8.8299179077148], {
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([49.565973874208,8.8299179077148], {icon: myPositionMarker})
centerMarker.bindPopup('Mein Standort
49.565973874208,8.8299179077148').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": "Wald-Michelbach Schulzentrum", "street": "Spechtbach 11", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8299179077148,49.565973874208]}},{type: "Feature", "properties": {"name": "Coronet", "street": "Neckarstrasse 20", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8423633575439,49.567755198021]}},{type: "Feature", "properties": {"name": "Bahnhof", "street": "Ludwigstrasse 158", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8386726379395,49.569592120128]}},{type: "Feature", "properties": {"name": "Friedhofsweg", "street": "Am Bahndamm 8", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8307762145996,49.569703446519]}},{type: "Feature", "properties": {"name": "Wald-Michelbach Post", "street": "Schwalbengasse 60", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8246822357178,49.570148749544]}},{type: "Feature", "properties": {"name": "Am Hohenstein", "street": "K30 ", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8388013839722,49.570705372613]}},{type: "Feature", "properties": {"name": "Stoewer-Museum", "street": "Michelstrasse 3", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8279438018799,49.570928020063]}},{type: "Feature", "properties": {"name": "Halle", "street": "Halle ", "URL": "Show details<\/a>"}, "geometry": {"type":"Point","coordinates":[8.8356256484985,49.573015290521]}},]}, {
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);