Mehr

HTML-Dom-Elemente als Marker / Feature in Openlayers?


Ich möchte das HTML-Dom-Element als Marker in Openlayers anstelle von GIFs, PNGs festlegen. Ist das möglich?


Welche Art von DOM-Element möchten Sie als Marker verwenden?

Wenn Sie nur eine einfache Vektorgrafik für Ihren Marker erstellen möchten, empfehle ich, ein Symbol wie folgt zu erstellen:

OpenLayers.Renderer.symbol.BN = [0,9, 3,4.5, 8.5,4.5, 4.5,0, 8.5,-4.5, 3,-4.5, 0,-9, -3,-4.5, -8.5,- 4,5, -4,5,0, -8,5,4,5, -3,4,5, 0,9];


Sie können externe Grafik mit Parameter in OpenLayers Vector übergeben, zum Beispiel:

vectorLayer = new OpenLayers.Layer.Vector( "Move feature", { // Der zIndex wird aus dem zIndex-Attribut der Features styleMap genommen: new OpenLayers.StyleMap({ externalGraphic: "img/marker-google.png">
var marker = new ol.Overlay({ position: pos, positionierung: 'center-center', element: document.getElementById('marker'), stopEvent: false });

HierMarkerist div:


Schau das Video: Learn JS HTML Dom In Arabic #04 - Find Elements By Objects Part 2 (Oktober 2021).