[Users] Dynamic line between point and pop-up

[Matt Priour]

I was just writing this off the cuff & got some of the CSS3 values wrong.
I have an example that uses CSS3 [1] and another that uses img divs and works in IE6 [2]

[1] http://kestrelcomputer.com/linetest.html
[2] http://kestrelcomputer.com/linetest_ie.html

Matt Priour
Kestrel Computer Consulting

From: Matt Priour 
Sent: Tuesday, October 26, 2010 6:37 PM
To: Òscar Vidal Calbet ; users at geoext.org 
Subject: Re: [Users] Dynamic line between point and pop-up


This an interesting problem, one which we have explored somewhat but never implemented.
CSS3 supporting browsers give you some nice possibities.
1. Anchor a div on one corner to the popup and on the other corner, the vector feature. Use a CSS background property for the div that includes an background image and background size with 'stretch stretch' or the actual pixel height width values.
2. Use a narrow div of variable height that you stretch and rotate to stay anchored to the popup

However, these are really just trying to mimic something that is already easily accomplished in Canvas, SVG, or VML. You could code the vector graphic yourself, OR just use the vector drawing API already implemented in OpenLayers.
What I would do is to add a linear feature in the vector layer you are already using.
You could create the vector feature and make it a property of the popup in the popup's afterrender event handler and then just reposition it in the move event handler.

for example here is a totally untested afterrender event handler, the move event handler could be somewhat similar:

//assumes that you set a vector feature as the location config option for the popup
onPopupRender(popup){
    var lyr = popup.location.layer;
    var cmpBox = popup.getBox();
    var brPopPixel = new OpenLayers.Pixel(cmpBox.x+cmpBox.width,cmpBox.y+cmpBox.height);
    var anchor = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString([lyr.getLonLatFromViewPortPx(brPopPixel),popup.location.geometry.getCentroid()]));
    lyr.addFeatures([anchor]);
    popup.anchor = anchor;
}

Matt Priour
Kestrel Computer Consulting



From: Òscar Vidal Calbet 
Sent: Tuesday, October 26, 2010 1:07 PM
To: users at geoext.org 
Subject: [Users] Dynamic line between point and pop-up


Hey everybody, 


I'm looking for some help



I'm new working with GeoExt, and I have a need that I don't know if GeoExt can resolve.


I want show a map where you can find different entities represented by points and lines. The user have to be allowed to make identify for each entity and have open several pop-up at the same time. The aims is that the user have to be allowed to move all the pop-up of the screen in a free way, but I don't want lost the reference between the pop-up and the entity, so I need show a dynamic line between the pop-up and the entity


thanks in advance,
Oscar 


sorry for my poor english






--------------------------------------------------------------------------------


_______________________________________________
Users mailing list
Users at geoext.org
http://www.geoext.org/cgi-bin/mailman/listinfo/users
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20101026/472441c7/attachment.htm