Skip Navigation

[Resolved] Spiderfy hover not working

This thread is resolved. Here is a description of the problem and solution.

Problem: The popup window that appears when I click a Spiderfied icon isn't centered on the icon. Also, the spiderfied group collapses into a single icon after clicking.

Solution: The popup window position is based on the height of the standard icon image. In this case a custom icon is used, and the height is different. It's best to use standard icon sizes so keep the popups on-location.

Also the spiderfied icons are expected to collapse when you click one of them, this is how the feature is programmed.

This support ticket is created 5 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 6 replies, has 2 voices.

Last updated by maxfieldB 5 years, 1 month ago.

Assisted by: Christian Cox.

Author
Posts
#1370747
Screen Shot 2019-10-26 at 4.45.42 PM.png

I am trying to:
Allow the "spidery" feature of the map to enable the user to view more than one program at the same location

Link to a page where the issue can be seen:
battstaging2.com

I expected to see:
The program that I hover over

Instead, I got:
Either a different [nearby] marker - or the same marker that I originally hovered over. Overall, the "spiderfy" feature seems buggy when trying to hover. (see image)

#1371041
Screen Shot 2019-10-27 at 11.52.39 AM.png

It seems that the custom marker icon is placed at the bottom of a tall rectangular container (see the rectangle overlay in the screenshot where it says div 45x57 ). Since the custom icon doesn't fill up the allocated vertical space, it appears that the info popup is not connected to the icon. Can you share the code you used to create these markers? Is it custom code, or shortcodes in a View?

If you create a separate marker and switch back to a default icon, is the popup displayed more accurately?

#1371159
Screen Shot 2019-10-27 at 3.49.32 PM.png

Hello,

I turned the icon back to the default icon - and the markers at least line up with the "spider lines" now - however I continue to have the same issue wherein the last marker you clicked on (before opening the 'spidered' icons) is the pop-up that displays, instead of the spider popups (attaching image)

You can also experience this yourself by going to battstaging2.com - there are quite a few "spidered" map options.

#1371397

I'm not quite sure I understand the popup / spiderfy problem. Here's a step-by-step of how I'm testing this.
1. Zoom in to lower manhattan until I see the area shown in your screenshot above.
2. Click the "computer literacy" marker just above chinatown.
3. The popup appears with the computer literacy information as expected.
4. Close and re-open the Computer Literacy marker several times, it seems to work well
5. After closing the marker, I click the spiderfy marker between Soho and Nolita.
6. Spiderfied icons appear as expected
7. I click the top Spiderfied icon "Data Analytics"
8. The Data Analytics popup window appears and the Spiderfied icons collapse into one icon again.
9. I click the collapsed Spiderfied icon and the Spiderfied icons appear again.
10. I click the bottom icon and see the popup for Machine Learning appear, and the Spiderfied icons collapse into one icon again.

Everything here seems okay so far. Can you walk me through the problem step by step?

#1371615

Got it,

I think I was hoping that there was a way to surface these icons, perhaps _on hover_ once the "Spider" was open. I didn't realize that the expected behavior was for the spider to close at the same time.

Can you confirm that there is no way to have this popover work on hover (instead of on click, which also closes the spider)? Thanks!

Max

#1371729

The popup window will only appear on click of one of the spiderfied icons here. At the same time, the spiderfied icons will collapse into one icon again. I can confirm there is no way to show the info window on hover. However, you can use the "marker_title" attribute to display information about each marker on hover. It will be displayed in a basic hover display, not an info window popup. That looks like a rectangle with a black background.

[wpv-map-marker map_id='map-9' marker_id='marker-9-[wpv-post-id]' marker_field='wpcf-book-location' marker_title="Something else here"][types field='book-location'][/types][/wpv-map-marker]
#1372673

Got it - this makes sense, we have altered the actual tooltip and this serves our needs. Thank you!