jVectorMap custom zoom buttons

jquery jvectormap
user1514042 picture user1514042 · Feb 11, 2013 · Viewed 13k times · Source

With jVectorMap is it possible to hide zoom buttons and call Zoom In/Out using their API? I've checked the API documentation and couldn't find any methods, causing the map re-zoom.

Answer

Blas Ruiz picture Blas Ruiz · Mar 12, 2013

Sure.

Hide the buttons:

$('#map').vectorMap({
    map: 'world_mill_en',
    zoomButtons : false
});

Get reference to the map: 

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

Set the zoom level:

map.setScale(4);

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
jVectorMap change color

I'm trying to setup a map of US states, I've dropped in a jVectorMap but can't get the color to change no matter what I do. I have tried to implement my problem in jsfiddle but it doesn't want to …

Read More