ich habe einmal die Karte aus dem OSM-SlippyMap-Generator erfolgreich in meine Test-Homepage integriert.
Auch den kleinen Fehler der richtigen Position habe ich, dank dieser Hilfe-Seite hinbekommen, bzw. ausradiert.
Was mir aber bei der Verkleinerung des Browser-Fensters auffiel, ist das, das am rechten Browserfenster nicht mehr eine Leiste automatisch eingeblendet wird, um nach unten oder oben zu scrollen - bei den anderen Unterseiten wird dies noch gemacht.
Die CSS-Datei habe ich mal durchgeschaut, aber ich habe dort nichts gefunden.
Wer weiß eine Lösung?
jetzt bei dem nochmaligen durchsichten kam mir etwas noch in den Sinn!
overflow: hidden; einfach in overflow: auto; umwechseln.
Siehe da es klappte, jetzt habe ich bei der Verkleinerung des Browserfensters eine Scrollleiste nach oben und nach unten.
Aber da tauchte ein neues Problem auf:
Wie kann ,Informationen zur Karte anzeigen" dieses kleinere Ding fest an der Karte gebunden werden?
Bei der Verkleinerung der Karte und das scrollen nach oben oder nach unten geht es natürlich mit auf der festen Stelle, erst bei dem anklicken wird die Position korrigiert.
Bei der Verkleinerung des Browserfensters wird die Anzeige: ,Informationen zur Karte anzeigen" auch verkleinert, aber nach einem scrollen bleibt es nicht auf der Position.
Wie kann man die blaue Linie fest mit dem Marker verbinden?
(Momentan sind diese beiden getrennt voneinander).
Wie kann man Overlays mehr einbinden?
(Rechts beim plus drauf klicken)
Wie können die Marker und Linien in eine seperate Datei ausgelagert werden?
(Im Moment sind die Geokoordinaten und die ,Beschreibung" innerhalb des Codes mit drin)
Was fehlt noch danach?
Danach fehlt noch eine weitere Karte (über Login zwecks einzeichnen und der Auswahl der Linien/ Punkte/ Beschriftung), aber dies würde ja ein zweiter Schritt sein…
Meiner Meinung nach ist das ein Browserproblem, kann man aber umgehen.
Problem ist, dass das toggle-dingsi semantisch nicht innerhalb der map ist UND nicht weiss, wo oben ist (ich frage mich, warum das überhaupt an der Stelle ist, mag das aber grad nicht rausfinden)
Beheben kann man das mit einem schmutzigen Hack: das toggle-dingsi UND die map top an eine feste Oberkante festnageln, also:
im index.html habe ich diesen kleinen ,Schnippsel" gesehen gehabt:
var showPopupOnHover = false;
Also hatte ich diesen einmal auch auf ,True" gesetzt:
var showPopupOnHover = true;
Das kleine Fensterchen ist aber bei dem starten der Internetseite vorhanden, erst wenn man das rote Kreuzchen klickt und danach mit der Maus herüber geht, erscheint es dann nur, wenn die Maus rüber geht…
Wie kann es aber geändert werden, um gleich die Maus rüber zu fliegen lassen, anstatt erst auf das Kreuz zu klicken?
Nach meinem Verständnis (in der util.js “dokumentiert”) sollte das (wenn ich Dich richtig verstehe)
var showPopupOnLoad = false;
Tuts aber nicht. Keine Ahnung.
util.js gehackt (dont try this at home! ;)) nach:
if (showPopupOnLoad = true) {
Läuft, irrsinnigerweise.
So wie ich den Code ohne Plan von JS verstehe:
if (showPopupOnLoad != true) {
// Wenn das Popup nicht angezeigt werden soll, verstecken und auf 'nicht angeklickt' setzen
feature.popup.hide();
feature.popup.clicked = false;
} else {
// Das Popup wird direkt angezeigt und zwar solange bis man es explizit schließt
feature.popup.clicked = true;
}
return marker;
}
sollte der Code eigentlich genau das machen, was dort in den Kommentaren steht. Tut er aber nicht.
Mir scheint, dass util.js die index.html ignoriert und anders rum.
Damit wird showPopupOnLoad bedingungslos (!) auf true gesetzt, was wohl nicht beabsichtigt sein dürfte. Der Vergleich auf true sieht so aus (ja, 3x “=”):
ich habe es mal ausprobiert, dabei brauchte ich nur folgendes zu machen:
Alt:
// Marker hinzufügen
addMarker(layer_markers,9.9345245360902,53.369362976504,"<b>TestMarkerLinie</b><p />Dies ist ein Test für den Marker.",true,4);
Neu:
// Marker hinzufügen
addMarker(layer_markers,9.9345245360902,53.369362976504,"<b>TestMarkerLinie</b><p />Dies ist ein Test für den Marker.",false,4);
Und es klappte wunderbar.
Vielen dank dafür.
Kann der Marker auch in der Mitte der blauen Linie automatisch angebunden werden (bzw. beim überfliegen mit der Maus wird das Popup-Fensterchen angezeigt)?
das ist ein ganz fantastisches Tool! Habe mir gerade eine Karte vorbereitet, in die ich nun nach und nach alle Orte aus einem Tagebuch eintragen werde. (Das mache ich von Hand direkt in der HTML.)
Dazu hätte noch folgende Frage:
Wie oder wo kann ich die Basiskarte ändern, um eine Reliefkarte/3D/hill shading zu erhalten?
Tja… Umap funktioniert schon mal nicht. Im Notebook-Browser sehe ich keine Einstellungen, ich weiß aber vom Smartphone-Browser her, dass sie da sind. Schade.
Und für Leaflets muss ich erst Englisch verstehen und dann etwas in “mein Dokument” einfügen. In welches? Muss ich eine neue Webseite anlegen? Ich glaube, das ist nur was für Eingeweihte.
Umap muss man in MS Edge bearbeiten, im IE geht es nicht. Das stand da nicht… Habe damit nun erfolgreich gearbeitet, auch die Basiskarte kann man bequem auswählen, der Nutzer übrigens auch, er kann sie ändern. Mit der Importfunktion konnte ich meine Googlemaps-Orte problemlos importieren. Na ja, abgesehen davon, dass Google beim Export der Orte mit Labels die Längen- und Breitenangaben vertauscht… es waren zum Glück nicht viele.
Hallo zusammen,
auch wenn das Tool schon ein paar Tage alt ist, es bietet alles was ich brauche, bis auf eine Funktion, die ich noch nicht herausfinden konnte.
Ist es möglich im Beschreibungstext eines POI auch Bilder einzubinden ?
in diese Zeile
addMarker(layer_markers,17.6833333333333,51.2166666666667,"<b>Reesewitz, Kreis Oels</b><p />",false,10);