<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:c="urn:schemas-microsoft-com:office:component:spreadsheet" xmlns:odc="urn:schemas-microsoft-com:office:odc" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:html="http://www.w3.org/TR/REC-html40" xmlns:q="http://schemas.xmlsoap.org/soap/envelope/" xmlns:D="DAV:" xmlns:x2="http://schemas.microsoft.com/office/excel/2003/xml" xmlns:ois="http://schemas.microsoft.com/sharepoint/soap/ois/" xmlns:dir="http://schemas.microsoft.com/sharepoint/soap/directory/" xmlns:ds="http://www.w3.org/2000/09/xmldsig#" xmlns:dsp="http://schemas.microsoft.com/sharepoint/dsp" xmlns:udc="http://schemas.microsoft.com/data/udc" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:sub="http://schemas.microsoft.com/sharepoint/soap/2002/1/alerts/" xmlns:ec="http://www.w3.org/2001/04/xmlenc#" xmlns:sp="http://schemas.microsoft.com/sharepoint/" xmlns:sps="http://schemas.microsoft.com/sharepoint/soap/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:udcs="http://schemas.microsoft.com/data/udc/soap" xmlns:udcxf="http://schemas.microsoft.com/data/udc/xmlfile" xmlns:udcp2p="http://schemas.microsoft.com/data/udc/parttopart" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:st="" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.EmailStyle17
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle18
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:1523665487;
mso-list-type:hybrid;
mso-list-template-ids:-188444112 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.0in;
text-indent:-.25in;}
@list l1
{mso-list-id:1528174937;
mso-list-type:hybrid;
mso-list-template-ids:1701510950 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l1:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2
{mso-list-id:2136365530;
mso-list-type:hybrid;
mso-list-template-ids:-1236608914 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l2:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span style='color:#1F497D'>List,<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>OK I have done it myself so for
those interested this is what I had to do:<o:p></o:p></span></p>
<p class=MsoListParagraph style='text-indent:-.25in;mso-list:l2 level1 lfo1'><![if !supportLists]><span
style='color:#1F497D'><span style='mso-list:Ignore'>1.<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span style='color:#1F497D'>Determine the radius
of the vector circle from the object (used my own js code here)<o:p></o:p></span></p>
<p class=MsoListParagraph style='text-indent:-.25in;mso-list:l2 level1 lfo1'><![if !supportLists]><span
style='color:#1F497D'><span style='mso-list:Ignore'>2.<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span style='color:#1F497D'>Determine the offset
in pixels of point on edge of vector circle (used my own Trig js code)<o:p></o:p></span></p>
<p class=MsoListParagraph style='text-indent:-.25in;mso-list:l2 level1 lfo1'><![if !supportLists]><span
style='color:#1F497D'><span style='mso-list:Ignore'>3.<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span style='color:#1F497D'>Set the size and
offset parameters for the framedCloud: <o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:.5in'><span style='color:#1F497D'>var
anchor = {'size': new OpenLayers.Size(0,0), 'offset': new
OpenLayers.Pixel(delX, -delY)}<o:p></o:p></span></p>
<p class=MsoListParagraph style='text-indent:-.25in;mso-list:l2 level1 lfo1'><![if !supportLists]><span
style='color:#1F497D'><span style='mso-list:Ignore'>4.<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span style='color:#1F497D'>Add the anchor to
the framedCloud on creation: <o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> popup
= new OpenLayers.Popup.FramedCloud("feature" <o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> ,feature.geometry.getBounds().getCenterLonLat()<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> ,null,"<div
style='font-size:9px;
height:auto;'><br/>"+feature.attributes.description+"
<br/></div>"<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> ,anchor<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:.5in;text-indent:.5in'><span
style='color:#1F497D'> ,false ,null);<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:.25in'><span style='color:#1F497D'>5. Make
sure all framedClouds are fixed in top right position in Openlayers Init
function:<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:.25in;text-indent:.25in'><span
style='color:#1F497D'>OpenLayers.Popup.FramedCloud.prototype.fixedRelativePosition
= true; <o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:.25in'><span style='color:#1F497D'> OpenLayers.Popup.FramedCloud.prototype.relativePosition
= "tr";<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:.25in'><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal style='margin-left:.25in'><span style='color:#1F497D'>Cheers,
Brad….<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'>
<p class=MsoNormal><b><span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span
style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>
users-bounces@openlayers.org [mailto:users-bounces@openlayers.org] <b>On Behalf
Of </b>Brad Spencer<br>
<b>Sent:</b> Wednesday, March 04, 2009 11:47 AM<br>
<b>To:</b> openlayers users<br>
<b>Subject:</b> [OpenLayers-Users] anchor point on circumferance of circle
vector<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>List,<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I have switched from Markers to Vectors for variable sized (attribute
driven) point symbols and this works fine. I want to drag these
‘points’ and I also want to see framecloud popups on a mouseover
event (hover) at the same time. I have got this working but by default the
framed cloud pointer is anchored to the circle centre point. This interferes
with the dragging function so I think a solution is to make sure the
framedCloud pointer never enters the variable sized circle vector.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I can get the size of a selected vector point circle in my
select feature function but its not clear to me how to use the offset feature
when building the framedCloud popup. <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>My onSelectFeature code that is triggered in the
selectControl is as follows:<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>function onFeatureSelect(feature) <o:p></o:p></p>
<p class=MsoNormal>{<o:p></o:p></p>
<p class=MsoNormal>
// generate the framedCloud popup<o:p></o:p></p>
<p class=MsoNormal>
popup = new OpenLayers.Popup.FramedCloud("feature" <o:p></o:p></p>
<p class=MsoNormal>
,feature.geometry.getBounds().getCenterLonLat()<o:p></o:p></p>
<p class=MsoNormal>
,null<o:p></o:p></p>
<p class=MsoNormal>
,"<div style='font-size:9px;
height:auto;'><br/>"+feature.attributes.description+"
<br/></div>"<o:p></o:p></p>
<p class=MsoNormal>
,null // >>>>>>
if I have pixel offsets, what goes in here to anchor the framed cloud???<o:p></o:p></p>
<p class=MsoNormal>
,false<o:p></o:p></p>
<p class=MsoNormal>
,null);<o:p></o:p></p>
<p class=MsoNormal>
feature.popup = popup;<o:p></o:p></p>
<p class=MsoNormal>
map.addPopup(popup);<o:p></o:p></p>
<p class=MsoNormal>}<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Cheers, Brad…<o:p></o:p></p>
</div>
</body>
</html>