simplemaps

Thanks Jamie! I really appreciate your kind words. -Chris

Thanks for your purchase. Are you trying to use our commercial world map or our free continent map? It appears you’ve tried to embedded the world map, but you haven’t uploaded the files to:
<script type=”text/javascript” src=”/mapFiles/mapdata2.js”></script>
<script type=”text/javascript” src=”/mapFiles/continentmap.js”></script>
They don’t exist, e.g. go to:
https://www.doctormarvin.com/mapFiles/continentmap.js
and there isn’t anything there. You need to upload these files to your server.

The easiest solution would be to use our file hosting to embed your US map:
https://simplemaps.com/docs/file-hosting
and use the plugin to embed the continent map:
https://simplemaps.com/docs/wordpress-install

and just make sure that each map has a different main_settings.div (map1 and map2). If you get stuck, email me at [email protected] for additional help.

Yes, this is caused by the map being in on_hover mode. Popups can either be triggered on_click or on_hover. In on_click mode, you’ll see a button within the popup to click on the link:

View post on imgur.com

In on_hover mode, you’ll see the description on_hover and go directly to the url on click. This system exists because you can’t hover over a link on a mobile device. So, you can choose whether the user should be able to see the description (and have to click twice to go to the link) or go directly to the link on click. Detect mode uses on_hover for PCs and on_click for mobile devices.

-Chris

Note: My screenshot is from version 3.4, 3.3 looks a bit different.

Hi SteveVdh,

You should set:
popups: 'on_hover',
in the main_settings. Otherwise, on mobile devices, the first click will show the description. You can learn more here:
https://simplemaps.com/docs/main-settings

Chris

Hi mhoney,

Thanks for using our plugin. The map can be put in responsive mode. This will make the width of the map expand to the available space. See:
https://simplemaps.com/docs/responsive-map
for details. If you continue to have trouble, you can email us at [email protected] with a url where you are testing the map.

-Chris

No problem, glad it worked!

We haven’t worked with WMPL before. However, it looks like WMPL allows you to create multiple pages for each language. You could create multiple mapdata.js filse so that the country names match the language for each page. Then you would need to embed the map on each of the pages (each with a unique mapdata.js file). You’d want to use our manually installation method (because the plugin only supports 1 map):
https://simplemaps.com/docs/wordpress-install
(see Method B).

If you need help, let me know.

Chris

Hi Michi,

Thanks for your feedback. You can change the “Link” to be different text or even a large button using:
simplemaps_usmap_mapdata.main_settings.link_text

Or…

To make the whole tooltip clickable, you can do something like this:

var current_link=false;
simplemaps_usmap.hooks.click_state=function(id){current_link=simplemaps_usmap_mapdata.state_specific[id].url=='default'?simplemaps_usmap_mapdata.main_settings.state_url:simplemaps_usmap_mapdata.state_specific[id].url;}
simplemaps_usmap.hooks.click_location=function(id){current_link=simplemaps_usmap_mapdata.locations[id].url=='default'?simplemaps_usmap_mapdata.main_settings.state_url:simplemaps_usmap_mapdata.locations[id].url;}
$( "#map" ).on( "click", "#tt_custom_sm", function() {if(current_link){window.location.href=current_link}});

using jQuery (need to add to page), SimpleMaps JavaScript hooks, and the tooltip CSS. See:
https://simplemaps.com/docs/javascript-hooks
https://simplemaps.com/docs/apply-css
to understand the code above.

Or…
You can add a button to the description to be clicked. You could use an @media query to make this button within the description appear only on mobile devices:
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Hope that gives you an option that works.

Chris

Hi Michi,

The map does work on mobile phones. It should detect if you are using a mobile device and show the popups on click instead of hover. Make sure that:
pop_ups: 'detect',
has been set in the main_settings of the mapdata.js file.
If you are doing this and having problem, please let me know your device and I’ll troubleshoot.

Also, you can put the map in responsive mode so it will expand to fill the size of the device:
https://simplemaps.com/docs/responsive-map

Chris

The plugin supports only 1 map for your site. However, you can manually upload new mapdata.js files to your server to add more maps:
https://simplemaps.com/docs/typical-install

Hi Mike,

The WordPress plugin is free. It makes it easy to install any SimpleMaps map on a WordPress site.

We offer a free continent world map at:
https://simplemaps.com/resources/free-continent-map

We also offer a number of paid maps (US map, World map (includes all countries), county map, etc). Hope that clarifies things.

Chris

Hi mkruggel,

The problem is that Simplemaps uses the Greensock library and your theme is already using the Greensock library within autoptimize.js. This is causing a conflict.

The solution is simply to remove the Greensock library from usmap.js. Simply delete (or comment out) line 6 of your usmap.js file. You can do this in a text editor like Notepad. If you need help, please email us at [email protected] and we can do this for you.

Chris

You can combine them (although the border lines will still exist). Just add this to the end of your mapdata.js file:
simplemaps_continentmap_mapdata.regions={‘0’:{name: ‘Asia’, states: [‘NS’,’SS’,’ME’], color: ‘red’, hover_color: ‘darkred’}}
See:
https://simplemaps.com/docs/regions
for more details.

Hi Eloou,

This, unfortunately, isn’t possible with the map in it’s current form. We hope to make this possible in a future release. Thanks for your feedback.

Chris
Simplemaps.com

Thanks!