How can I use jQuery Droppable to drag and drop an Icon over an openlayers polygon vector and select the polygon while over on hover? I have managed create a create a popup when over a div element, but I can't figure out how to do the same for a polygon inside the "map" div. Hope that makes sense.
Here is a link to show the concept:
Update:
Here is a bit of code to show specifically the bit of code I am struggling with. I can currently select a polygon by clicking... but want to select by dropping an icon on the polygon.
$(function() {
$( "#cow" ).draggable({ revert: true});
$( "#map" ).droppable({
drop: function( event, ui ) {
**\\How do I select a polygon on drop here?**
alert( "Dropped!" );
}
});