// Initialisierung
var map = L.map('map', { zoomControl:false }).setView([52.5138,13.45], 11); //Zentrum Berlin, Zoomstufe 11, unterscheidet sich zur vollbildversion: anderes zentrum und andere zoomstufe
var zoomFS = new L.Control.ZoomFS(); //funktionalität für die Vollbildversion
map.addControl(zoomFS); //hinzufügen der funkt. zur karte
function popup () { //popup bei drücken der vollbildtaste
fenster = window.open("index_map_full.html", "Lange Nacht der Museen", "width=1024px,resizable=yes");
fenster.focus();
return false;
}
map.on('enterFullscreen', function(){//popup bei drücken der vollbildtaste
if(window.console) window.console.log('enterFullscreen');
return popup();
});
map.attributionControl.addAttribution("designed by Geolicious; markers license:, basemap (Data CC-By-SA) by OpenStreetMap"); //ein paar Referenzen sollten in die Karte
L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png').addTo(map); //Grundkarte wird hinzugefügt
var oepnvMarkerOptions2 = { //hier definieren wir die Marker für die ÖPNV-Haltestellen
icon: L.icon({
//iconSize: [12, 12],
iconAnchor: [6,6],
clickable: true,
iconUrl: 'images/oepnv_small.svg'})
};
var busMarkerOptions = { //hier definieren wir die Marker für die Bus-Haltestellen
radius: 6,
fillColor: "#2a3e92",
color: "#000",
weight: 1,
opacity: 1,
fillOpacity: 1,
clickable: true,
};
function onEachRouteFeature(feature, layer) {
// hier werden die popups bei klick auf den routen definert. die "objekte" feature.properties.route finden sich in der js-Datei zu den routen als "Attribut". Der Link wird hierbei im ersten teil gebaut.
layer.bindPopup("Route
");
}));
overlays['Museen'].addTo(map);
//funktion für doe Bushaltestellen popups
function onEachFeature(feature, layer) {
// does this feature have a property named popupContent?
if (feature.properties && feature.properties.Title && feature.properties.oepnv) {
layer.bindPopup("
" + feature.properties.Title + "
Übergang zu: " + feature.properties.oepnv + "
");
} else {
layer.bindPopup("
" + feature.properties.Title + "
kein Übergang zum ÖPNV vorhanden
");
}
}
//jetzt kommen wir zu den Bushaltestellen.
var busStop = new L.geoJson(bushalte, {
onEachFeature: onEachFeature,
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, busMarkerOptions);
}
}).addTo(map);
//Das sind nun 7 kleine marker, die automatisch in der kartenansicht erscheinen. die positionen sind fix auf der karte. ein link ist damit enthalten.
var route1= L.marker([52.527044,13.415633], {icon: L.icon({iconUrl: 'images/r1.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 1 ");
var route2= L.marker([52.512277,13.409992], {icon: L.icon({iconUrl: 'images/r2.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 2 ");
var route3= L.marker([52.513531,13.336108], {icon: L.icon({iconUrl: 'images/r3.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 3 ");
var route4= L.marker([52.497583, 13.389082], {icon: L.icon({iconUrl: 'images/r4.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 4 ");
var route5= L.marker([52.52753, 13.38689], {icon: L.icon({iconUrl: 'images/r5.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 5 ");
var route6= L.marker([52.503083, 13.365656], {icon: L.icon({iconUrl: 'images/r6.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 6 ");
var route7= L.marker([52.458644, 13.339300], {icon: L.icon({iconUrl: 'images/r7.png', iconAnchor: [9,9], popupAnchor: [9,-2]})}).bindPopup("Route 7 ");
var routeMarkers = L.layerGroup();
//funktion zum automatischen ein -und ausschalten
map.on( "zoomend", function( e ) {
if (map.getZoom()>12) {
routeMarkers.addLayer(route1);
routeMarkers.addLayer(route2);
routeMarkers.addLayer(route3);
routeMarkers.addLayer(route4);
routeMarkers.addLayer(route5);
routeMarkers.addLayer(route6);
routeMarkers.addLayer(route7);
routeMarkers.addTo(map);
}
else if (map.getZoom()<13) {
routeMarkers.clearLayers()
};
});
//aufbereitung für die Layer-Kontrolle
var ebenen = {
"Routen" : strecken,
"Museen" : overlays['Museen'],
"Haltestellen" : busStop,
"S-& U-Bahnstationen" : oepnv,
"Fußweg zum Museum" : richtung
};
//address-suche:
new L.Control.GeoSearch({
provider: new L.GeoSearch.Provider.OpenStreetMap()
}).addTo(map);
//hinzufügen der Layerkontrolle:
var layerControl = L.control.layers('',ebenen, { collapsed: true, autoZIndex: true }).addTo(map);
//Erstellung einer Legende:
var legend = L.control({position: 'bottomright', collapsed: true});
legend.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info legend');
div.innerHTML = "