Hilfe bei OpenLayers

SuperSchnitzel1806 · 2014-02-02 00:41:20

Hallo

Mein erstes, "ernstes" Problem

Ich hab aus Interessenfreudigkeit dieses Beispiel auf meinen Computer übernommen: http://wiki.openstreetmap.org/wiki/Open … es_Example
Habs ausprobiert und, ist logisch, es wird nichts angezeigt.
Wenn ich das Häkchen dann bei "Local Tiles" rausnehme, lädt er die Tiles ja vom Hauptserver.
Nur ist mir aufgefallen dass die Anzeige unglaublich blass ist im Gegensatz zum "normalen" OpenLayers.

Ich hab ein Freund gefragt ob er ein Screenshot auf seinem Webserver hochladen kann, Link: http://david-guillot.tk/OpenLayers-Blass.png

Ich habs 1 : 1 vom Example übernommen.

Hoffe dass verständlich ist was ich meine und ihr mir helfen könnt!

Last edited by SuperSchnitzel1806 (2014-02-04 22:54:37)

maxbe · 2014-02-02 01:08:15

Ich glaube, das soll so sein...

Im Wiki steht

You see two Layers. Brightly: the Tiles from the OSM Server and darkly your local tiles. In this way you can check where you already have tiles on your local directory and witch tiles are missing.

Die Tiles vom Hauptserver werden mit 40% Deckkraft dargestellt (wegen "layerMapnik.setOpacity(0.4);"). Das hat der Programmierer so gemacht, damit du einen Unterschied zwischen den runtergeladenen und den lokal gespeicherten Tiles sehen kannst. Nimm die Zeile mit "setOpacity" raus, dann ist die Blässe weg, aber du siehst auch nicht mehr, welche Kacheln dir lokal noch fehlen.

Grüße, Max

SuperSchnitzel1806 · 2014-02-02 10:31:28

Guten Morgen

Stimmt, das rausnehmen der Zeile hat geholfen!
Ich versteh nun aber noch nicht ganz den Sinn davon.
Bei mir sind auch die 2 Layer, wenn der Haken drinne' ist. Sieht man beim Zoomen das Mapnik zuerst lädt und dann die Tiles geladen werden.
Aber wo ein "Offline" Tile fehlt, wird bei mir (in Firefox/Ubuntu) ein rosa farbenes Tile mit dieser kleinen gebrochenen Papierseite angezeigt.
Wozu wird der "hintere Layer" dann abgeschwächt?

Kurz: Wo kein Tile ist wird ein Fehler angezeigt, wozu dann den Mapnik Layer abschwächen?

wambacher · 2014-02-02 10:36:58

SuperSchnitzel1806 wrote:

Kurz: Wo kein Tile ist wird ein Fehler angezeigt, wozu dann den Mapnik Layer abschwächen?

bau mal das ganz oben ein, damit sollte das Rosa weg sein - und dann macht es wohl Sinn.

// avoid pink tiles
   OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
   OpenLayers.Util.onImageLoadErrorColor = "transparent";

gruss
walter

SuperSchnitzel1806 · 2014-02-02 10:44:15

Ich weiß nicht wo ganz oben?
Ich hab es mal hier eingebaut:

[...]
<script type="text/javascript">
// avoid pink tiles
   OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
   OpenLayers.Util.onImageLoadErrorColor = "transparent";

// Start position for the map (hardcoded here for simplicity)
        var lat=51.1950;

[...]

An der Stelle hat es aber nichts gebracht.

wambacher · 2014-02-02 10:49:49

SuperSchnitzel1806 wrote:

Ich weiß nicht wo ganz oben?
Ich hab es mal hier eingebaut
An der Stelle hat es aber nichts gebracht.

komisch, sollte eigentlich dort richtig sein.

Gruss
walter

SuperSchnitzel1806 · 2014-02-02 11:05:40

Ich hab versucht den Code noch zu verändern, aber bin noch zu keinem Ergebnis gekommen
Hat vielleicht jemand noch eine Idee wie ich diese "404" Tiles transparent machen kann?

Vielen Dank schonmal im Vorraus!

Last edited by SuperSchnitzel1806 (2014-02-02 11:23:40)

maxbe · 2014-02-02 12:04:22

Hier hab ich noch was gefunden, anscheinend geht der Trick mit OpenLayers.Util.onImageLoadErrorColor seit Version 2.12 nicht mehr... Kannst ja mal mit dem CSS versuchen.

SuperSchnitzel1806 · 2014-02-02 12:19:48

maxbe wrote:

Hier hab ich noch was gefunden, anscheinend geht der Trick mit OpenLayers.Util.onImageLoadErrorColor seit Version 2.12 nicht mehr... Kannst ja mal mit dem CSS versuchen.

Das klingt super! Noch besser ist es eigentlich dass man sogar ein eigenes "Missing Tile" Bild nehmen kann!
Ich kenn mich bei css nicht sehr gut aus. Ich habs so verstanden dass ich jetzt folgenden Code in eine CSS Datei einfügen soll:

.olImageLoadError {
    display: none !important;
}

und in der HTML Datei dann

.olImageLoadError {
    background-image: url('/path/to/theme/img/my-tile-load-error.png');
    background-repeat: no-repeat;
}

Aber aus alten VB.NET Zeiten würde das kein Sinn für mich ergeben, denn ich rufe ja nirgendwo die CSS Datei auf.
Würde mich echt freuen wenn ihr mir nochmal bei der CSS Sache helfen könntet!

ein RIESIEGES DANKE IM VORRAUS!!!!

maxbe · 2014-02-02 12:32:55

So ungefähr:

<html>
<head>
    <title>OSM Local Tiles</title>
    <link rel="stylesheet" href="style.css" type="text/css" />                                            <-- steht schon drin
    <style type="text/css">                                                                                            <-- hier kommen 6 Zeilen dazu kommt dazu
      .olImageLoadError {                                                                                                  
         background-image: url('/path/to/theme/img/my-tile-load-error.png');
         background-repeat: no-repeat;
      }     
    </style>                                                                                                                   
    <!-- bring in the OpenLayers javascript library                                                            <-- das war auch schon vorher da                                                                         
    ......................

oder statt dem eigenen Bild eben dieses "display: none !important;". Aber eigenes Bild malen finde ich schöner, kannst ja auch ein transparentes 2556x256-Bild nehmen, dann ist es auch unsichtbar.

Last edited by maxbe (2014-02-02 12:33:32)

SuperSchnitzel1806 · 2014-02-02 12:44:57

Danke!!!

Funktioniert Super!

Vielen Dank!

wambacher · 2014-02-02 12:57:39

maxbe wrote:

Hier hab ich noch was gefunden, anscheinend geht der Trick mit OpenLayers.Util.onImageLoadErrorColor seit Version 2.12 nicht mehr... Kannst ja mal mit dem CSS versuchen.

jo, das erklär (mir) einiges. war mir sicher, dass das so mal funktioniert hat.

Gruss
walter

SuperSchnitzel1806 · 2014-02-02 13:31:36

Eine letze Frage hätte ich noch:

Welche OpenLayers Version wird in diesem Beispiel verwendet? (http://wiki.openstreetmap.org/wiki/Open … es_Example)?

Konnte dem hier keine Infos entnehmen: http://forum.openstreetmap.org/viewtopic.php?id=7572

Last edited by SuperSchnitzel1806 (2014-02-02 13:43:53)

wambacher · 2014-02-02 13:44:45

SuperSchnitzel1806 wrote:

Eine letze Frage hätte ich noch:
Welche OpenLayers Version wird in diesem Beispiel verwendet? (http://wiki.openstreetmap.org/wiki/Open … es_Example)?

wegen wget http://www.openlayers.org/api/OpenLayers.js im Example immer die aktuellste - also derzeit wohl 2.13

ist sehr unsauber, da genau solche Release-Abhängigkeiten durchschlagen. Ich hole mir immer exakt die Version, die ich kenne und haben will. wenn das z.B. die 2.12 sein muß, mach

<script type="text/javascript" src="http://openlayers.org/api/2.12/OpenLayers.js"></script>
 
    oder   

wget  http://openlayers.org/api/2.12/OpenLayers.js

andere Versionen (2.11?) analog

Damit geht man auf Nummer sicher.

Gruss
walter

SuperSchnitzel1806 · 2014-02-02 13:49:04

wambacher wrote:

[...]
wegen wget http://www.openlayers.org/api/OpenLayers.js im Example immer die aktuellste - also derzeit wohl 2.13
[...]

Ok, vielen Dank!
Hatte die Datei im Editor geöffnet weil ich dachte in der Datei selber, beim Copyright Hinweis würde die Version stehen, aber da stand nichts ausser halt dem Copyright.

Aber hab nicht daran gedacht dass die Version ja im Link steht!

Danke!

Viele Grüße
Alexander

Last edited by SuperSchnitzel1806 (2014-02-02 13:50:22)

wambacher · 2014-02-02 14:29:03

SuperSchnitzel1806 wrote:

Aber hab nicht daran gedacht dass die Version ja im Link steht!

da steht sie in dem Beispiel vom wiki eben nicht.

aber bau doch mal

console.log(OpenLayers.VERSION_NUMBER); oder alert(OpenLayers.VERSION_NUMBER);
ein. dann bist du auf der sicheren Seite.

Gruss
walter

SuperSchnitzel1806 · 2014-02-02 14:34:00

Danke

>> Release 2.13.1

SuperSchnitzel1806 · 2014-02-02 14:44:54

Da bin ich nochmal,

Ich möchte unten rechts dass "Permalink" umbennen in "Reload".
ich hab in der HTMl Datei "Permalink" gefunden, aber wenn ich da es umbenne, ändert sich nichts im Browser.
Ich nehme mal an, das ist, damit man den Copyright nicht entfernt, will ich ja auch (auf keinen fall) nicht.
Aber das "Permalink" scheint auch geschützt zu sein?

Wie kann ich das umbennen?

maxbe · 2014-02-02 16:24:21

SuperSchnitzel1806 wrote:

Wie kann ich das umbennen?

Keine Ahnung. Wenn ich frei konfigurierbare Permalinks brauche, hole ich mir immer was passendes vom Netzwolf

SuperSchnitzel1806 · 2014-02-02 16:28:49

SuperSchnitzel1806 wrote:

Da bin ich nochmal,
Ich möchte unten rechts dass "Permalink" umbennen in "Reload".
ich hab in der HTMl Datei "Permalink" gefunden, aber wenn ich da es umbenne, ändert sich nichts im Browser.
Ich nehme mal an, das ist, damit man den Copyright nicht entfernt, will ich ja auch (auf keinen fall) nicht.
Aber das "Permalink" scheint auch geschützt zu sein?
Wie kann ich das umbennen?

Mir fällt noch gerade auf, dass OpenLayers im Internet Explorer nicht korrekt angezeigt wird.
Für das "normale" OpenLayers gibt es 2 *.css Dateien. Für meine genutze Variante (mit Offline Nutzung) nur eine.
Ich hab jetzt einfach mal versucht meine *.css Datei durch die von dem normalen zu ersetzen. Das ended dann aber in einer völligen Katastrophe!

Ich finde dass das OpenLayers mit der Offline Nutzung allgemein im Wiki schlecht/umständlich dokumentiert ist im Gegensatz zum normalen OpenLayers.

Könntet ihr vielleicht noch ein letzten Mal helfen bei dem Problem aus dem Zitat und dem aus diesem Postig?
Bin unglaublich froh über so nette, hilfsbereite Leute wie euch!

PS:

maxbe wrote:

SuperSchnitzel1806 wrote:
Wie kann ich das umbennen?
Keine Ahnung. Wenn ich frei konfigurierbare Permalinks brauche, hole ich mir immer was passendes vom Netzwolf

Im Grunde möchte ich ja nur dass da nicht "Permalink" steht sondern "Reload"

Last edited by SuperSchnitzel1806 (2014-02-02 16:31:01)

couchmapper · 2014-02-02 17:14:16

Du kannst dem Permalink eine Element-id mit übergeben:

new OpenLayers.Control.Permalink('permlink')

und dort im Prinzip irgendwas reinschreiben:

<div id="permalink"><a href="#" id="permlink">Reload</a></div>

Edit: von manuellem Basteln an openlayers.js würde ich eher abraten, das rächt sich beim nächsten Versionsupdate.

Last edited by couchmapper (2014-02-02 22:29:57)

SuperSchnitzel1806 · 2014-02-02 17:26:12

Ich habs!

In der OpenLayers.js in der Zeile 731, Spalte 377 ist der Name "Permalink". Wenn man den unbennent in z.b. "Reload" steht das auch unten rechts in der Webseite!

Bleibt nur noch mein Problem mit den Internet Explorer

PS: Jetzt lief es, komisch
Ist für den Internet Explorer denn trotzdem ein extra css notwendig/sinnvoll?
Weil in dem "normalen" OpenLayers ohne Offline Tiles wird ja auch eine 2te css datei verwendet?

Last edited by SuperSchnitzel1806 (2014-02-02 20:23:00)

SuperSchnitzel1806 · 2014-02-03 18:17:33

Keine 'ne Idee?

Ich hab noch eine Frage: Kann man am Anfang und am Ende einer Route einen Marker setzen?
Ich hab ein Beispiel hochgeladen: http://www.david-guillot.tk/OpenLayers/OpenLayers.html
Hier endet die Route ja einfach, aber ist es möglich am Anfang und am Ende einen Roten (Anfang)und einen Grünen (Ende) zu setzen?

PS: Danke für die super Hilfe bisher und eure Mühe mir zu helfen, auch wenn es vielleicht ziemlich viele Fragen zu OpenLayers sind

couchmapper · 2014-02-03 20:53:12

Wie wär's stattdessen mit Leaflet?

Code: https://github.com/mpetazzoni/leaflet-gpx
Demo: http://mpetazzoni.github.io/leaflet-gpx/

SuperSchnitzel1806 · 2014-02-03 21:13:19

couchmapper wrote:

Wie wär's stattdessen mit Leaflet?

Danke für deine Antwort!

Klingt ganz gut, aber ich hab mich inzwischen sehr mit OpenLayers angefreundet und bin eigentlich sehr glücklich mit OL!
Gibt's denn keine Möglichkeit?

Meine Idee:
Ein HTML Script müsste die erste Koordinate in der Datei und die letzte herausfinden, die erste Koordinate ist dann der Startpunkt, also die Koordinate wo der erste Marker hinkommt und die letze Koordiante der Punkt wo der zweite Marker hinkommt.
So würde ich es in einer Software lösen, nur kenne ich mich nicht sehr gut mit HTML aus. Aber das wäre eine Idee!

Kann man es denn irgendwie mit OL hinbekommen?

Announcement

#1 2014-02-02 00:41:20

Hilfe bei OpenLayers

#2 2014-02-02 01:08:15

Re: Hilfe bei OpenLayers

#3 2014-02-02 10:31:28

Re: Hilfe bei OpenLayers

#4 2014-02-02 10:36:58

Re: Hilfe bei OpenLayers

#5 2014-02-02 10:44:15

Re: Hilfe bei OpenLayers

#6 2014-02-02 10:49:49

Re: Hilfe bei OpenLayers

#7 2014-02-02 11:05:40

Re: Hilfe bei OpenLayers

#8 2014-02-02 12:04:22

Re: Hilfe bei OpenLayers

#9 2014-02-02 12:19:48

Re: Hilfe bei OpenLayers

#10 2014-02-02 12:32:55

Re: Hilfe bei OpenLayers

#11 2014-02-02 12:44:57

Re: Hilfe bei OpenLayers

#12 2014-02-02 12:57:39

Re: Hilfe bei OpenLayers

#13 2014-02-02 13:31:36

Re: Hilfe bei OpenLayers

#14 2014-02-02 13:44:45

Re: Hilfe bei OpenLayers

#15 2014-02-02 13:49:04

Re: Hilfe bei OpenLayers

#16 2014-02-02 14:29:03

Re: Hilfe bei OpenLayers

#17 2014-02-02 14:34:00

Re: Hilfe bei OpenLayers

#18 2014-02-02 14:44:54

Re: Hilfe bei OpenLayers

#19 2014-02-02 16:24:21

Re: Hilfe bei OpenLayers

#20 2014-02-02 16:28:49

Re: Hilfe bei OpenLayers

#21 2014-02-02 17:14:16

Re: Hilfe bei OpenLayers

#22 2014-02-02 17:26:12

Re: Hilfe bei OpenLayers

#23 2014-02-03 18:17:33

Re: Hilfe bei OpenLayers

#24 2014-02-03 20:53:12

Re: Hilfe bei OpenLayers

#25 2014-02-03 21:13:19

Re: Hilfe bei OpenLayers

Board footer