jVectorMap increase (world) map size

jquery jvectormap
Ajin picture Ajin · Oct 12, 2011 · Viewed 8.6k times · Source

I am using the jVectorMap from http://jvectormap.owl-hollow.net/ and everything works fine. But the standard size of the world-en map is very small. If someone wants to hit for example Bosnia and Herzegovina, he needs big glasses! There are zoom Buttons available but then you have to move the map within the container.

I tried to enlarge the div element but it seems that the map has a fixed size. To help me provida a bigger world map:

  • is there any chance to get a different standard-zoom when a user enters the map website?
  • do I need a bigger world map?

Or what else could I do in order to provide a bigger world map?

Cheers!

Answer

Steve picture Steve · Jun 22, 2012

Within the file jquery-jvectormap.js is the code:

WorldMap.prototype = {
  transX: 0,
  transY: 0,
  scale: 1,
  baseTransX: 0,
  baseTransY: 0,
  baseScale: 1,

I just changed scale: to 3 and that seems to work

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 custom zoom buttons

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.

Read More