[GIS] Label in the middle of linestring in OpenLayers

javascriptopenlayers-2

Is there anyone can put label in the middle of the linestring dynamically? I've used labelAlign option. I've changed this value from bc, cc, cm, etc. But it doesn't work at all. There's also option for x offset and y offset. But I don't know how to calculate the right position so the label can show at the middle of linestring. Not at the first line string.

Do you have any idea how to do it?

Thanks,

Best Answer

Check out this answer here may help you if u glance at the code.

i hope it helps you...

Related Solutions

[GIS] how to position a popup relative to a point in Openlayers

As far as I can tell there is no way to position a popup with FramedCloud so I used Anchored:

var vector = new OpenLayers.Layer.Vector("Points",{
    eventListeners:{
        'featureselected':function(evt){
            var feature = evt.feature;
            var popup = new OpenLayers.Popup.Anchored("popup",
                OpenLayers.LonLat.fromString(feature.geometry.toShortString()),
                new OpenLayers.Size(275,71),
                "<div id='pincontent' onclick='pindetails()'><h3 data-description='"+  feature.attributes.content +"'>" + feature.attributes.title +"</h3></div>",
                null,
                false
            );
            popup.imageSrc = 'img/popup.png';
            popup.autoSize = false;
            popup.backgroundColor = 'transparent';
            var offset = {'size':new OpenLayers.Size(0,0),'offset':new OpenLayers.Pixel(-74,-10)};
            popup.anchor = offset;
            popup.panMapIfOutOfView = true;
            popup.imageSize = new OpenLayers.Size(275,71);
            popup.relativePosition = "br"
            popup.calculateRelativePosition = function () {
                 return 'tr';
            }
            feature.popup = popup;
            map.addPopup(popup);
        },
        'featureunselected':function(evt){
            var feature = evt.feature;
            map.removePopup(feature.popup);
            feature.popup.destroy();
            feature.popup = null;
        }

    }
});

[GIS] Removing measure label from OpenLayers 3 measure

I guess you use jquery. if so do the following to remove the tooltips from map:

$( ".tooltip" ).remove();

this should remove every element with class 'tooltip' from document. check this fiddle it is from an older question. Within the fiddle the code snip adove is asigned when drawstart event occurs, because thats the way user wanted to be. You may place it within your function that clears the measures

Best Answer

Related Solutions

[GIS] how to position a popup relative to a point in Openlayers

[GIS] Removing measure label from OpenLayers 3 measure

Related Question