Super, vielen Dank für die beiden Ratschläge!
Zumindest ersterer von Harald Hartmann hat den Ausschlag dafür gegeben, dass jetzt die Fehlermeldung verschwunden ist bzw. jetzt auch keine Fehlermeldung mehr angezeigt wird, das Steuerelement für die einzelnen Layers angezeigt wird und sowohl die Overlays als auch die BaseMaps im Steuerelement angezeigt werden. Grund für den Fehler war noch ein Code-Artefakt von den Programmier-Anfängen, als dann eine function direkt zu Beginn des Quellcodes geöffnet wurde…ich wäre jedenfalls im Traum nicht drauf gekommen, dass es daran lag.
Nun gibt es noch den letzten Mosaikstein, der mir fehlt, damit ich dieses Projekt für mich zu einem befriedigenden Ende zu bringen - um mich danach eher umap zu widmen. Die Marker werden aus irgendwelchen Gründen nicht angezeigt. Sie wurden in einer früheren Version auch schon mal schön angezeigt, allerdings waren sie da noch nicht in Layer Groups eingeteilt. Wie gesagt, es gibt keine Fehlermeldung und alles ist auch eigentlich gut, außer dass eben keine Marker angezeigt werden. Habe ich da irgendwas geschludert?
Hier der aktuelle Sourcecode in Gänze:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TestMap</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="leaflet/leaflet.css" />
<script src='leaflet/leaflet.js'></script>
</head>
<body>
<div id="map"></div>
<script>
/*Erstellung eines Markers als Variable an einer bestimmten Stelle + Hinzufügung zur Karte
var marker = L.marker([50.8743582543348, 8.01998063921929]).addTo(map);*/
/*Erstellung eines Icons als Variable bestehend aus Icon und Schatten, darunter die Parameter
var greenIcon = L.icon({
iconUrl: 'leaf-green.png',
shadowUrl: 'leaf-shadow.png',
iconSize: [38, 95],
shadowSize: [50, 64],
iconAnchor: [22, 94],
shadowAnchor: [4, 62],
popupAnchor: [-3, -76]
});*/
//Erstellung einer Gruppe für Icons, in der alle Parameter schon festgelegt sind
var LeafIcon = L.Icon.extend({
options: {
shadowUrl: 'leaf-shadow.png',
iconSize: [38, 95],
shadowSize: [50, 64],
iconAnchor: [22, 94],
shadowAnchor: [4, 62],
popupAnchor: [-3, -76]
}
});
var greenLeaf = new LeafIcon({iconUrl: 'leaf-green.png'}),
redLeaf = new LeafIcon({iconUrl: 'leaf-red.png'}),
orangeLeaf = new LeafIcon({iconUrl: 'leaf-orange.png'});
// Implementierung von weiteren Markern
var markerRed = L.icon({
iconUrl: 'marker-red.png',
iconSize: [35, 35]
});
var marker_sigestalten = L.icon({
iconUrl: 'sigestalten.png',
iconSize: [40, 40]
});
//SI.gestalten Projekte
var popup_sigestalten = {
"Urbane_Galerie" : "<b>Titel</b>: Urbane Galerie<br><b>KünstlerIn</b>: Highlightz<br><b>Erstellungsjahr</b>: 2016"
}
//Urbane Gemälde
var popup_urbane_gemaelde = {
"Alt-Siegen" : "<b>Titel</b>: Alt-Siegen<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Hotel_Meurer" : "<b>Titel</b>: Hotel Meurer<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Subkultur" : "<b>Titel</b>: Subkultur<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Ofen_Konrad" : "<b>Titel</b>: Ofen Konrad<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx"
}
//Strom- und Verteilerkästen
var popup_urbane_kunstkaesten = {
"Henner_und_Frieder" : "<b>Titel</b>: Henner und Frieder<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Hirsch" : "<b>Titel</b>: Hirsch<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Klubb" : "<b>Titel</b>: Am Klubb<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Salon" : "<b>Titel</b>: Salon Elegance<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Rubens" : "<b>Titel</b>: Maria und Peter Paul Rubens<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx",
"Zonta" : "<b>Titel</b>: Zonta - Augen auf!<br><b>KünstlerIn</b>: xxx<br><b>Erstellungsjahr</b>: xxx"
}
var customOptions =
{
'maxWidth': '500'
}
/*L.marker([50.8754287708794, 8.02359893918038], {icon: greenLeaf}).addTo(map).bindPopup("Urbane Galerie");
L.marker([50.8761353829521, 8.0231523513794], {icon: redLeaf}).addTo(map).bindPopup("Friedrichstraße");*/
//Initialisierung der Karte mit Optionen
var map = new L.map('map').setView([50.8763621735378, 8.02561730146408], 15);
//Angabe des tileLayers
var osm = new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
minZoom: 13
}).addTo(map);
var opnv = new L.TileLayer('http://tile.memomaps.de/tilegen/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://memomaps.de/">ÖPNV Karte</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
minZoom: 3,
maxZoom: 18
});
var Stamen_Watercolor = new L.tileLayer('http://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.{ext}', {
attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — Map data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
subdomains: 'abcd',
minZoom: 13,
ext: 'png'
});
var baseMaps = {
"OpenStreetMap" : osm,
"ÖPNV-Karte" : opnv,
"Stamen" : Stamen_Watercolor
};
//Erstellung der Marker
var Urbane_Galerie = L.marker([50.8754287708794, 8.02359893918038], {icon: marker_sigestalten, title: 'Urbane Galerie'}).bindPopup(popup_sigestalten['Urbane_Galerie'], customOptions);
var Alt_Siegen = L.marker([50.8725099686859, 8.02334815263748], {title: 'Alt-Siegen'}).bindPopup(popup_urbane_gemaelde['Alt-Siegen'], customOptions);
var Hotel_Meurer = L.marker([50.8746976065101, 8.02154839038849], {title: 'Hotel Meurer'}).bindPopup(popup_urbane_gemaelde['Hotel_Meurer'], customOptions);
var Subkultur = L.marker([50.8761066109333, 8.01743924617768], {title: 'Subkultur'}).bindPopup(popup_urbane_gemaelde['Subkultur'], customOptions);
var Ofen_Konrad = L.marker([50.8775248810722, 8.01508694887161], {title: 'Ofen Konrad'}).bindPopup(popup_urbane_gemaelde['Ofen_Konrad'], customOptions);
var HuF = L.marker([50.873789558865, 8.01897883415222], {icon: markerRed, title: 'Henner und Frieder'}).bindPopup(popup_urbane_kunstkaesten['Henner_und_Frieder'], customOptions);
var Hirsch = L.marker([50.873633843419, 8.01915317773819], {icon: markerRed, title: 'Hirsch'}).bindPopup(popup_urbane_kunstkaesten['Hirsch'], customOptions);
var Klubb = L.marker([50.8752197470513, 8.02594989538193], {icon: markerRed, title: 'Am Klubb'}).bindPopup(popup_urbane_kunstkaesten['Klubb'], customOptions);
var Salon = L.marker([50.87267038256013, 8.024307355756251], {icon: markerRed, title: 'Salon Elegance'}).bindPopup(popup_urbane_kunstkaesten['Salon'], customOptions);
var Rubens = L.marker([50.8756005589918, 8.01894396543503], {icon: markerRed, title: 'Maria und Peter Paul Rubens'}).bindPopup(popup_urbane_kunstkaesten['Rubens'], customOptions);
var Zonta = L.marker([50.8829436971039, 8.02928790450096], {icon: markerRed, title: 'Zonta'}).bindPopup(popup_urbane_kunstkaesten['Zonta'], customOptions);
//Erstellung der Layer Groups für die Marker
var lg_kastenkunst = L.layerGroup(HuF, Hirsch, Klubb, Salon, Rubens, Zonta);
var lg_gemaelde = L.layerGroup(Alt_Siegen, Hotel_Meurer, Subkultur, Ofen_Konrad);
var lg_sigestalten = L.layerGroup(Urbane_Galerie);
//Erstellung der Overlay-Ebenen
var overlays = {
"Kastenkunst" : lg_kastenkunst,
"Gemälde" : lg_gemaelde,
"SI.gestalten" : lg_sigestalten
}
L.control.layers(baseMaps, overlays).addTo(map);
</script>
</body>
</html>
Ich bedanke mich, wie immer, herzlich für die konstruktive Hilfe & wünsche noch einen schönen Wochenausklang.
kakoon85
