SlippyMap Generator

Moin Moin,

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?

Viele Grüße

Thal

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.

Man berichtige mich bitte.

Meh. Das false wird überschrieben in Zeile 84:

// Marker hinzufügen
addMarker(layer_markers,9.9345245360902,53.369362976504,"<b>TestMarkerLinie</b><p />Dies ist ein Test für den Marker.",true,4);

^^

Ohne den Rest angeschaut zu haben:

Damit wird showPopupOnLoad bedingungslos (!) auf true gesetzt, was wohl nicht beabsichtigt sein dürfte. Der Vergleich auf true sieht so aus (ja, 3x “=”):

    if (showPopupOnLoad === true) {

Das hab ich mir bereits erklären lassen, das Problem war ja ein anderes, siehe meine Korrektur.

Moin Moin,

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)?

Viele Grüße

Thal

Hallo allerseits,

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?

Gruß
Winfried

Das Tool arbeitet noch mit OpenLayers Version 2.9.1 – die ist ziemlich veraltet, OpenLayers wurde inzwischen komplett neu geschrieben.

Alternativen:
https://leafletjs.com/ - siehe Tutorials für Vorlagen
http://umap.openstreetmap.fr/ - Karte einfach Online erstellen, auch zum Einbinden

Danke. Ikonor!

Nun ist die Basiskarte auch noch französisch… Mal sehen, ob ich das hinkriege.

Winfried

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.

Mal ins Blaue geraten: In das, in dem die slippy map dann erscheinen soll? An der entsprechenden Stelle?

–ks

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.

Also Umap ist empfehlenswert.

Schönen Sonntag!

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); 

einfach diesen einfügen

<img src="" alt="" border="0" width="" height="">  

funktioniert nicht.

Grüsse
Jörg

… und wie sieht die Zeile dann aus?

Das ist ja meine Frage… ich komme nicht weiter

Da beißen sich vermutlich die Anführungszeichen im img Tag mit denen, die den Popup-Text umschließen. Einfachste Lösung ist, einfache Anführungszeichen für den Text zu verwenden:


addMarker(layer_markers,17.6833333333333,51.2166666666667,'<b>Reesewitz, Kreis Oels</b><p />',false,10); 

Wenn Du schreibst:

musst Du Doch etwas versucht haben. Wie sieht denn dein Versuch aus?

Also folgendes hab ich ausprobiert und funktioniert nicht:

 addMarker(layer_markers,17.68,51.21,"<b>Reesewitz, Kreis Oels</b><p />"<img src="Wappen.png" alt="" border="0" width="" height="">,false,10);
 addMarker(layer_markers,17.68,51.21,"<b>Reesewitz, Kreis Oels</b><p /><img src="Wappen.png" alt="" border="0" width="" height="">",false,10);
 addMarker(layer_markers,17.68,51.21,"<b>Reesewitz, Kreis Oels</b><img src="Wappen.png" alt="" border="0" width="" height=""><p />",false,10);
 addMarker(layer_markers,17.68,51.21,'<b>Reesewitz, Kreis Oels</b><p />'<img src="Wappen.png" alt="" border="0" width="" height="">,false,10);
 addMarker(layer_markers,17.68,51.21,'<b>Reesewitz, Kreis Oels</b><p /><img src="Wappen.png" alt="" border="0" width="" height="">',false,10);

Die Karte wird noch nicht mal aufgebaut… :frowning:

Wenn alle Zeilen genau so auf einmal drin stehen, geht es nicht, da das Programm wegen Syntaxfehler abbricht. Bitte mal nur mit der letzten Zeile testen und die anderen entfernen.

Mit F12 kann man die Entwickler-Konsole öffnen, dort stehen solche Fehler und per Klick gelangt man zur verursachenden Zeile.