Einrichtung OSM auf Webseite

Hallo,
irgendwie finde ich nicht den richtigen Ansatz, in der WIKI werden Links zu Beispielen gesetzt, welche 404-Seiten anzeigen…

Wie auch immer, ich will OSM auf meiner webseite nutzen, dazu brauch ich:

1. Einen dynamisch definierten Kartenausschnitt, dazu nehme ich diesen Code aus der WIKI (*var lonLat *wird dynamisch gesetzt)


<html>
<body>
  <div id="mapdiv"></div>
  <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  <script>
    map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());
 
    var pois = new OpenLayers.Layer.Text( "My Points",
                    { location:"./textfile.txt",
                      projection: map.displayProjection
                    });
    map.addLayer(pois);
 
    //Set start centrepoint and zoom    
    var lonLat = new OpenLayers.LonLat( 9.5788, 48.9773 ) // ---> dynamisch gesetzte Daten
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
    var zoom=11;
    map.setCenter (lonLat, zoom);  
 
  </script>
</body>
</html>

2. Jetzt soll in dieser Karte vom User ein Marker gestzt werden, also denke ich, ich muss zusätzlich noch einen Layer laden, aber da tu ich mich schwer mit der Suche, bzw. deren Ergebniss, der kopierte Code dises Beispieles erzeugt eine Karte mirt einem fixen Marker und weiter nichts.
Ich will aber einen neuen setzen.
Wo gibt es ein funktionierendes Beispiel mit Quellcode in der WIKI?

3. Nachdem ich die Marke gestzt habe, will ich die Koordinaten direkt in eine Datenbank exportieren (via PHP), auch dazu finde ich nichts passendes…

Gruss Rammi

Hi,
eventuell mal auf den Seiten unseres OpenLayer Gurus Netzwolf blättern.

http://www.netzwolf.info/kartografie/openlayers/

Und falls du mit OL nicht warm werden solltest, gibt es noch das schlanke leaflet.

http://leafletjs.com/

/* Gelöscht */
Ok, das ist schon mal ein Ansatz, etwas kompliziert STR+Click, aber mal als Grundlage genommen

Hier sind die OpenLayers-Beispiele: http://openlayers.org/en/v3.0.0/examples/

8<

Also ich versuche mich an leafletjs.com

Ich hab dazu mal eine fiddle hochgeladen.

Soweit klappt das Hinzufügen neuer Marker, aber nun will ich sie auch löschen können, und zwar einzeln.
Dazu hab ich im .bindPopup ein Div mit einer class=“removeMe” abgelegt.

Wie muss ich nun vorgehen, das bei click(“.removeMe”) dieser marker gelöscht wird?

Ok, ich habs dann auch endlich gelöst, siehe fiddle

Danke Rammi