<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:m="http://schemas.microsoft.com/office/2004/12/omml" 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 14 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 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;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></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="WordSection1">
<p class="MsoNormal">Hi there. I'm extremely new to OpenLayers and am still early in the learning process.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I found a couple of threads on the subject of putting hover and click on the same vector layer, and got this to mostly work. But I'm running into a problem that I can't solve. I can mousein and out of the vector and get my popup to show
up, and I can click on the vector and get the correct click behavior. But after clicking on a vector, any time I hover over it, both the mousein AND click get triggered.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Does anyone know why this happens and what I can do to prevent the click from getting re-triggered?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">If it helps, here's the relevant part of the code<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"> selectCtrl = new OpenLayers.Control.SelectFeature(mydata, {<o:p></o:p></p>
<p class="MsoNormal"> clickout: true,<o:p></o:p></p>
<p class="MsoNormal"> hover: false,<o:p></o:p></p>
<p class="MsoNormal"> eventListeners: {<o:p></o:p></p>
<p class="MsoNormal"> featurehighlighted: function(e) { // clicked<o:p></o:p></p>
<p class="MsoNormal">console.log('click');<o:p></o:p></p>
<p class="MsoNormal"> onFeatureSelect(e.feature);<o:p></o:p></p>
<p class="MsoNormal"> }<o:p></o:p></p>
<p class="MsoNormal"> }<o:p></o:p></p>
<p class="MsoNormal"> });<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"> highlightCtrl = new OpenLayers.Control.SelectFeature(mydata, {<o:p></o:p></p>
<p class="MsoNormal"> hover: true,<o:p></o:p></p>
<p class="MsoNormal"> highlightOnly: true,<o:p></o:p></p>
<p class="MsoNormal"> eventListeners: {<o:p></o:p></p>
<p class="MsoNormal"> featurehighlighted: function(e) { // mousein<o:p></o:p></p>
<p class="MsoNormal">console.log('mousein');<o:p></o:p></p>
<p class="MsoNormal"> feature = e.feature;<o:p></o:p></p>
<p class="MsoNormal"> popup = new OpenLayers.Popup.Anchored("",<o:p></o:p></p>
<p class="MsoNormal"> feature.geometry.getBounds().getCenterLonLat(),<o:p></o:p></p>
<p class="MsoNormal"> /*new OpenLayers.Size(100,100),*/ null,<o:p></o:p></p>
<p class="MsoNormal"> "<div>You're over it</div>",<o:p></o:p></p>
<p class="MsoNormal"> null, false, null);<o:p></o:p></p>
<p class="MsoNormal"> popup.autoSize = true;<o:p></o:p></p>
<p class="MsoNormal"> popup.calculateRelativePosition = function () {<o:p></o:p></p>
<p class="MsoNormal"> return 'tr';<o:p></o:p></p>
<p class="MsoNormal"> }<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"> return true;<o:p></o:p></p>
<p class="MsoNormal"> },<o:p></o:p></p>
<p class="MsoNormal"> featureunhighlighted: function(e) {<o:p></o:p></p>
<p class="MsoNormal">console.log('mouseout');<o:p></o:p></p>
<p class="MsoNormal"> feature = e.feature;<o:p></o:p></p>
<p class="MsoNormal"> if(feature.popup) {<o:p></o:p></p>
<p class="MsoNormal"> map.removePopup(feature.popup);<o:p></o:p></p>
<p class="MsoNormal"> feature.popup.destroy();<o:p></o:p></p>
<p class="MsoNormal"> feature.popup=null;<o:p></o:p></p>
<p class="MsoNormal"> }<o:p></o:p></p>
<p class="MsoNormal"> }<o:p></o:p></p>
<p class="MsoNormal"> }<o:p></o:p></p>
<p class="MsoNormal"> });<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"> map.addControl(highlightCtrl);<o:p></o:p></p>
<p class="MsoNormal"> highlightCtrl.activate();<o:p></o:p></p>
<p class="MsoNormal"> map.addControl(selectCtrl);<o:p></o:p></p>
<p class="MsoNormal"> selectCtrl.activate();<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Thanks,<o:p></o:p></p>
<p class="MsoNormal">Dave<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>