JVector Map onRegionClick Event

javascript jquery jvectormap
ObiWanKobi picture ObiWanKobi · Jul 22, 2014 · Viewed 8.4k times · Source

So in JVector map I need a function that has each region linked to a URL. So if you click on South Africa it will take you to a page with information about South Africa. I know to start with onRegionClick: function () but where to go from there is a mystery to me.

Answer

j.f. picture j.f. · Jul 23, 2014

Well, as the documentation says:

onRegionClick

Callback function which will be called when the user clicks the region path. Region code will be passed to the callback as argument.

So each time a region is clicked, the region's code is passed to the handler. Then if the code is all you need on your next page, you could just pass that as is in the query string.

onRegionClick: function (event, code) {
    window.location.href = "yourpage?regionCode=" + code
},

If you need the actual name of the region instead of the code, there is a handy getRegionName method that you could use.

var regionName = map.getRegionName(code);

Related questions

javascript, jQuery - check if value exists in array

Is there a better way to check multiple items match a variable in if statement I have 3 if statements and i need to see if a item matches an array/variable named code. There are a lot of items to …

Read More
jvectormap region colors

Im using the jvectormap plugin, and I am trying to set the colors of each of the regions on the map. However, after applying the code below the map is displayed but with no colours applied. It just shows the …

Read More
Jvector Map how to add and get link from marker

I am trying to get data from the marker array and call it back on the onmarkerclick function so I can go to a URL once a marker is clicked, everything I try seems to fail. I wish to add …

Read More