Hallo Forum,
vielleicht kann mir hier einer mit der OpenLayers Bibliothek helfen. Ich suche eine Möglichkeit mit OpenLayers das nachfolgende Szenario abzubilden:
- Ich habe eine Menge an Punkten, die ich manuell auf der Karte erstellen müsste
- Die Punkte sollen durch unterschiedliche kleine Grafiken dargestellt werden
- Wenn man über einen Punkt fährt, soll dieser durch einen Hover Effekt mit einem Kreis unterlegt werden (normalerweise würde ich das mit einer Klasse auf dem Div für die Grafik lösen, die durch moz-border-radius-… zu einem Kreis gerundet wird)
- Ebenfalls soll es ein Popup unter dem Punkt geben mit einem speziellem Text pro Punkt (der Text steht bei der manuellen Einfügung der Punkte schon zur Verfügung)
- Durch ein Klick auf den Punkt soll eine Javascript Funktion aufgerufen werden können
OpenLayers.Layer.Vector sollte ja für neue Projekte am besten verwendet werden. Durch die Klasse OpenLayers.Control.SelectFeature lassen sich ja auch die entsprechenden Aktionen registrieren. Wie bekomme ich nun aber am besten meinen Kreis unter die Grafik? Momentan erstelle ich die Grafik mit folgendem Code
var vectorLayer = new OpenLayers.Layer.Vector("Punkte");
map.addLayer(vectorLayer);
var style_mark = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
style_mark.externalGraphic = "pic.gif";
// create a point feature
var point = new OpenLayers.Geometry.Point(9.75, 52.38).transform(proj, map.getProjectionObject());
var pointFeature = new OpenLayers.Feature.Vector(point, null, style_mark);
vectorLayer.addFeatures([pointFeature]);
