How to use Tabs Responsive for WordPress USA Maps
This tutorial is designed for Wordpress users who wish to integrate Interactive Map of the USA for Wordpress and Tabs Responsive.
The problem is that when a page with tabs is loaded and the Interactive Map of the USA is called to a tab that is not the default view, the map is autosized to 0x0 in size. This is due to the fact that the map is responsive and autosizes to fit the viewer's screen size.
Direct Insertion in PHP File
Customize the Code
Keep in mind that this code is designed for 4 tabs to call 4 maps. You first need to get the tab number and replace the XXX in the above code with your number. To do this, navigate to the Tabs Responsive page and find the shortcode. In this example, the code is 671. You would replace the XXX above with 671.
That is all that is required. Press the "Update File" button and your code is now saved and your maps will load correctly for each tab you call them on.In this example, we use WordPress plugin map of the U.S.
TutorialsHow to install HTML5 map on a website
Interacting with map via checkboxes
Creating a highlightable map with links
Map Interaction with drop-down list of states
How to display a lightbox on click on map
How to highlight multiple states with links
How to make an interactive heatmap