[GIS] HTML Dom elements as marker / feature in Openlayers

markersopenlayers-2

I want to set HTML Dom element as marker in openlayers, instead of GIFs,PNGs. Is it possible to do so?

Best Answer

What kind of DOM element would you like to use as a marker?

If you just want to create a simple vector graphic for your marker I recommend to create a symbol like so:

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];

Related Solutions

[GIS] How to place a couple of html elements on the map

you can achieve this with adding a div in your body tags.

    <div id="graphic"></div>
   </body>
</html>

than you can change it with this way:

OpenLayers.Util.getElement("graphic").innerHTML = yourGraphicElement

i hope it helps you....

[GIS] Adding a marker with openlayers/geoserver

In such cases, something I would recommend you is that first of check your images path is true or not. with writing this to "http://localhost:8080/geoserver/openlayers/img/marker.png". are you getting the true result? or you can use firebug net option if your images or script are loaded or not.

second is that get your marker features for markers are added or not.

and last thing on your app go to full extent and then add your marker to 0,0 for latlong settings...

markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));

i hope it helps you

Best Answer

Related Solutions

[GIS] How to place a couple of html elements on the map

[GIS] Adding a marker with openlayers/geoserver

Related Question