When Google Maps is loaded inside a tab it will often show up grey. To fix this the plugin includes code that makes it behave as expected, but for the code fix to run it also expects the href of the tab link to be set to “wpsl-map-tab”.
This filter makes it possible to use custom href values in case the tabs are generated, or you can’t easily use another href value.
The first example shows you how to change the targeted href value to “custom-map-tab”.
Replace “custom-map-tab” with the href value used on your own site, and the map should show up as expected.
If you like to show the store locator in multiple tabs ( this is only possible with the wpsl_map shortcode and version 2.2.10+ ), then you have to use the example below.
Replace the “custom-map-tab”, “custom-second-map-tab”, “custom-third-map-tab” with a list of href values used in your own tab list.
This filter is located in /frontend/class-frontend.php.
The code needs to be placed in the functions.php file inside your active theme folder.