Industriekultur in Berlin - Punkte ein-und ausblenden über Checkbox

Hallo SuSchulze, herzlich willkommen bei OSM 🙂
Das Thema klingt ja spannend, wenn du magst kannst du das auch hier noch eintragen: http://wiki.openstreetmap.org/wiki/Research Der gute Moenk hatte mal vor einiger Zeit etwas ähnliches gemacht für den Tourismus und dabei auf eine PostGIS Datenbank aufgesetzt.

In deinem Fall würde ich vorschlagen, dass du deinen Code etwas besser trennst. Da ist zum einen dann dein HTML Client, der die Darstellung der Layer mit OpenLayers macht und auf der anderen Seite dein Server, der mit PHP Anfragen auf die Datenbank macht. Der Server URL gibst du dann einfach ein Parameter mit, dass anzeigt was du haben willst (etwa connect.php?pois=museen) und der macht dann dafür Suchanfragen und liefert die zurück. So kann man später auch problemlos einen anderen Client (etwa eine App) anschließen.
Du könntest das auch per Styling so machen, dass nur die POIs gemalt werden, die auch aktiviert sind, aber das ist bei großen Datenmengen nicht so schön, weil sehr rechenintensiv.

Moin,

pro POI sollte ein Layer verwendet werden. Hinter jeden Layer liegt dann eine PHP-Datei mit Parameter, der die Daten zu diesem Layer erzeugt. Oder anders: Schließe mich den Worten meines Vorredners an.

YAPIS verwendet z.B. einen GeoRSS-Feed für die Karte: http://yapis.geoclub.de/?id=9&lang=de

Den Code kannst Du so verwenden, der LayerSwitcher ist schon da, nur wirst Du mehrere Layer laden wollen.

Der PHP-Code zum GeoRSS-Feed ist trivial und Google liefert auch Beispiele.

LG,

-moenk

Danke das hört sich schon mal super an.

Muss ich bei der Trennung des Codes etwas beachten?
htmlClient == html + script
server == php und sql
richtig?
Wie kann ich der URL ein Parameter mitgeben?
Kennst du eine gute Seite oder ein Tutorial wo der Aufbau von Webapplikationen erläutert wird?

Vielen Dank

Schulze,

der Client ist fertig, das ist die Seite von YAPIS mit OpenLayers, die kannste Dir klauen, letztlich ist das bei mir auch nur ein Example mit kleinen Änderungen. Musst also nun nur noch auf Server-Seite das was Du da jetzt hast anpassen so dass es GeoRSS rausgibt, in der Art wie hier: http://stackoverflow.com/questions/5645 … eorss-feed

LG,

-moenk

Ok, ich habe schon etwas mehr verstanden. Was mich aber noch beschäftigt bei dem Beispiel von http://wheelmap.org/. Wie funktioniert es das man mehrere Kategorien und "Farben" beliebig kombinieren kann in der Anzeige.

Sie haben es aufgeteilt in grün, gelb, rot, grau und dazu kann man sich beliebig die POI's ein / ausblenden.

Wie 1 Filter mit POI's funktioniert habe ich verstanden und komme hier auch weiter. Aber wie funktioniert das in der Kombination? Habt Ihr eine Idee?

SuSchulze

Du musst einfach einen zweiten Filter erstellen und den entstehenden Layer einbinden. Wenn du dann Layer 1 und 2 anschaltest ist es die Kombination und wenn du nur jeweils einen anschaltest ist es keine Kombination sondern einzeln.
Die Farben kannst du über die Attribute ändern. Dafür gibt es sicher JS Variablen und Funktionen die du gezielt in Openlayers ansprechen kannst.

Ich hab mir aus Interesse mal den wheelmap.org Source angeschaut. Dort wird ein Vector Layer mit BBOX und Filter Strategy für alle POIs verwendet. Alle POIs im Ausschnitt werden im GeoJSON Format übertragen, die Filterung nach Kategorie erfolgt client-seitig. Für jede deaktivierte Kategorie wird ein Filter.Comparison.NOT_EQUAL_TO erzeugt, diese werden über ein Filter.Logical.AND kombiniert.

Zu jedem POI wird die passende Icon URL schon vom Server als Attribut mitgeliefert. Im Style wird das per context Funktion dem externalGraphic zugewiesen, das ginge aber auch einfacher per Attribute Replacement.

Hier noch ein paar Links dazu:
http://openlayers.org/dev/examples/dyna … layer.html
http://forum.openstreetmap.org/viewtopi … 57#p206657
http://docs.openlayers.org/library/feature_styling.html

Gruß,
Norbert

Hey Danke noch mal für eure Hilfe.
Hier noch mal kurz meine Lösung:
Ich hab jetzt mehrere Layer angelegt, die werden mit einem eigenem LayerSwitcher(checkbox) ein- und ausgeblendet, in dem ich per onchange eine Methode aufrufe der ich den Layer und das inputElement übergebe.

Aufgerufene Funktion:

function␣toggleControl(element,layer){
layer.setVisibility(element.checked);
}

Aber wie das immer so ist entstehen auch schnell wieder neue Fragen.
Momentan sitz ich an der Darstellung von Netzen bzw Linien.

Ich bin soweit das ich Linien per LineString erzeuge.

so:

␣␣␣␣␣␣␣	var␣style␣=
{
strokeColor:␣"#00FF00",
strokeOpacity:␣0.7,
strokeWidth:␣3,
pointRadius:␣3
};

//␣Define␣the␣line
var␣points␣=␣new␣Array(
new␣OpenLayers.Geometry.Point(13.390623271265,52.497756730585).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.406244456567,52.498357636882).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.418217837608,52.499036912374).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.427916705406,52.499193666767).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.441349208151,52.500944052847).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.444353282249,52.500865678842).transform(epsg4326,␣epsg900913),
new␣OpenLayers.Geometry.Point(13.449073970115,52.505228285909).transform(epsg4326,␣epsg900913)
);

//␣create␣a␣line␣feature␣from␣a␣list␣of␣points
var␣lineString␣=␣new␣OpenLayers.Geometry.LineString(points);
var␣lineFeature␣=␣new␣OpenLayers.Feature.Vector(lineString,␣null,␣style);
U1.addFeatures([lineFeature]);

Das stellt die U1 in Berlin grob dar.

Mein 1.Problem wenn die LineString in der Karte ist funktionieren meine PopUp Texte von den Markern nicht mehr.
Das heißt beim klicken auf einen Marker passiert nix mehr und wenn ich die Linie ausblende funktioniert es wieder.

Mein 2. Problem ist das die Netze durch ein Formular in die Datenbank eingetragen werden sollen .. das mag so funktionieren bei einfachen Linien(mit wenigen Punkten) aber bei komplexen Netzen wird das schwierig (jeden einzelnen Punkt eintragen).

Welche Möglichkeiten hätte ich noch?
Gibt es sowas das ich ein komplettes Bild als Layer benutzen kann sodass nur ein Bild in die Datenbank geladen wird und das ein einzelner Layer ist der über die Karte gelegt wird an einer bestimmten Position, denk gerade an ein png ? (sollte auch zoombar sein)
Oder ist bei komplexen Daten wie Netzen nur das tracken per GPS-Gerät sinnvoll?

Vielen Dank schon mal im vorraus

Erstes Problem hat sich soebend gelöst. Ich muss erst die Vector Layer adden und dann die Marker dann funktioniert, dass auch mit den PopUp Texten wieder.

SuSchulze wrote:

Mein 2. Problem ist das die Netze durch ein Formular in die Datenbank eingetragen werden sollen .. das mag so funktionieren bei einfachen Linien(mit wenigen Punkten) aber bei komplexen Netzen wird das schwierig (jeden einzelnen Punkt eintragen).

Kannst Du näher erläutern, was genau das Problem ist?

Meinst Du mit "jeden einzelnen Punkt eintragen" manuell Koordinaten einzugeben? Mit OpenLayers kann man auch grafisch Linien erzeugen.

Besser wäre per Router (z.B. http://www.openrouteservice.org/) eine gpx oder kml Datei je Linie zu erzeugen und diese auf den Server/in die DB zu laden. Wenn das wirklich der Benutzer können soll, dann z.B. per File Upload.

Falls das beschilderte Fußgänger-Routen sind (bzw. werden sollen), die vor Ort nachvollziehbar sind, dann könnten die ja evtl. auch als Routen-Relation in OSM erfasst werden?

SuSchulze wrote:

Welche Möglichkeiten hätte ich noch?
Gibt es sowas das ich ein komplettes Bild als Layer benutzen kann sodass nur ein Bild in die Datenbank geladen wird und das ein einzelner Layer ist der über die Karte gelegt wird an einer bestimmten Position, denk gerade an ein png ? (sollte auch zoombar sein)

Üblicherweise werden Rasterkarten (Bilder) von einem Renderer wie Mapnik auf dem Server erzeugt und als png Kacheln ausgeliefert, einfacher geht es mit Maperitive. Die Grundlage sind dann aber auch Vektordaten.

SuSchulze wrote:

Oder ist bei komplexen Daten wie Netzen nur das tracken per GPS-Gerät sinnvoll?

Bei OSM werden GPS Spuren normalerweise nur als Hintergrund zum "Abmalen" verwendet, die eigentlichen Vektordaten werden im Editor von Hand erfasst.

Gruß,
Norbert

Danke, für die Erläuterung.
Ich werd es mal mit dem draw feature ausprobieren,
da ich nicht immer Fußgänger oder Straßen einzeichnen muss.

Wie und als was(LineString/MultiLineString/Array an Punkten) bekomme ich die gemalten Punkte bei einem drawFeature?

SuSchu wrote:

Wie und als was(LineString/MultiLineString/Array an Punkten) bekomme ich die gemalten Punkte bei einem drawFeature?

Hängt vom Handler ab, Handler.Path erzeugt einen LineString. Das DrawFeature erstellt aber immer ein Feature.Vector, das ein Geometry vom entsprechenden Typ enthält.

Die Punkte kann man z.B. so erhalten:

drawFeature.featureAdded=function(feature)␣{
console.log(feature.geometry.getVertices().join(',␣'));
}

Ein Feature kann aber auch in ein bestimmtes Format, z.B. GeoJSON, gewandelt werden, siehe Vector Formats Example

LineString ist ja schonmal super.

Es funktioniert auch schonmal so:

for(var␣key␣in␣controls)␣{
controls[key].featureAdded=function(feature)␣{
console.log(feature.geometry.getVertices().join(',␣'));
}
controls[key].onComplete=function(feature){
console.log(feature.geometry.getVertices().join(',␣'));
}
}

cool 🙂

hmmm aber kann man dann noch eine id bekommen damit man die features unterscheiden kann?

Und ach weißt du ob es ein searchfield gibt für Openstreetmaps, die ich in meine Karte einbinden könnte?
Damit man nicht erst ewig zoomen muss um etwas in die Karte zu zeichnen?

SuSchu wrote:

hmmm aber kann man dann noch eine id bekommen damit man die features unterscheiden kann?

feature.id 😉 (ist aber wohl kein API Property)

SuSchu wrote:

Und ach weißt du ob es ein searchfield gibt für Openstreetmaps, die ich in meine Karte einbinden könnte?
Damit man nicht erst ewig zoomen muss um etwas in die Karte zu zeichnen?

Such mal hier im Forum nach "Nominatim", wurde erst kürzlich wieder erwähnt.