Title: Map just gray box when nested in shortcode
Last modified: August 8, 2017

---

# Map just gray box when nested in shortcode

 *  [toca711](https://wordpress.org/support/users/toca711/)
 * (@toca711)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/)
 * Hi.
 * Great plugin has made developing complex store listings easy.
 * Only problem I’m having is when using wpsl or wpsl_map nested in a tab or toggle
   shortcode the map only displays as a gray box if it is in the second or third
   tab or toggle. (The markers display and store details display)
 * If it is in first tab or toggle map displays correctly.
 * I am assuming this is to do with the way the map loads. Any work around for this?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Tijmen Smit](https://wordpress.org/support/users/tijmensmit/)
 * (@tijmensmit)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9391423)
 * Google Maps in a tab is indeed a [problem](https://www.google.nl/search?q=google+maps+grey+in+tab&ie=utf-8&oe=utf-8&client=firefox-b-ab&gfe_rd=cr&ei=ecWJWda1HbHVXpeZgZgI).
 * The store locator code includes a [fix](https://plugins.trac.wordpress.org/browser/wp-store-locator/tags/2.2.9/js/wpsl-gmap.js#L2245),
   but this only runs when the tab anchor itself is set to ‘wpsl-map-tab’.
 * If you want to change this, then you can use the ‘wpsl_map_tab_anchor’ [filter](https://developer.wordpress.org/reference/functions/add_filter/)
   to set it a custom value.
 *  Thread Starter [toca711](https://wordpress.org/support/users/toca711/)
 * (@toca711)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9394064)
 * Sorry for my ignorance. How do I find the anchor in inspector?
 * This is some of the html (with heaps cut out) for the tabs
 *     ```
       <div id="pl-tabs-0" class="pl-tabs pl-tabs-vertical-no">
       <ul class="pl-tabs-nav fix">
       <li class="pl-status-active">
       <a href="!#" data-count="0" data-id="#pl-tab-tab-one">Tab One</a>
       </li>
       <li>
       <a href="!#" data-count="1" data-id="#pl-tab-wpsl-map-tab">wpsl-map-tab</a>
       </li>
       </ul>
       <div id="pl-tab-tab-one" class="pl-tab-content" style="display: block;">
       <div id="pl-tab-wpsl-map-tab" class="pl-tab-content">
       ```
   
 *  Plugin Author [Tijmen Smit](https://wordpress.org/support/users/tijmensmit/)
 * (@tijmensmit)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9394198)
 * In the HTML you pasted the anchor is this !# which isn’t valid. Is it generated?
   What’s the URL?
 *  Thread Starter [toca711](https://wordpress.org/support/users/toca711/)
 * (@toca711)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9396478)
 * Ok I thought that might be the case.
    This is just the way the theme I use generates
   tabs. (it uses bootstrap tabs) from what I can tell I may need to make a JS fix.
 * I have tried a couple of others but they do similar things or don’t have the 
   href at all.
 * I will try find a plugin where I can set the anchor.
 * Thanks
 *  Plugin Author [Tijmen Smit](https://wordpress.org/support/users/tijmensmit/)
 * (@tijmensmit)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9400836)
 * Well, you don’t necessarily need one where you can set the anchor, it just needs
   to have a valid and fixed one.
 * Once you have that, then you can change the used anchor value in the plugin by
   using the ‘wpsl_map_tab_anchor’ filter.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Map just gray box when nested in shortcode’ is closed to new replies.

 * ![](https://ps.w.org/wp-store-locator/assets/icon-256x256.jpg?rev=1007784)
 * [WP Store Locator](https://wordpress.org/plugins/wp-store-locator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-store-locator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-store-locator/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-store-locator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-store-locator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-store-locator/reviews/)

## Tags

 * [map](https://wordpress.org/support/topic-tag/map/)
 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tijmen Smit](https://wordpress.org/support/users/tijmensmit/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/map-just-gray-box-when-nested-in-shortcode/#post-9400836)
 * Status: not resolved