Error with jvectormap when resize window

[zack-the-worker]

Sometime, when i resize the browser window, this error shown on browser's console log: https://i.imgur.com/nKYKSKe.png

jquery-jvectormap.min.js?7b23:1 Error: <g> attribute transform: Expected number, "scale(NaN) translate(N…".

[cristijora]

This error seems to be from jqvmap @alexandru-paduraru I also see this issue on the angular version. Do you have any fix for it? I was wondering if there is another alternative to make vector maps @alexandru-paduraru since I din't like jqvmap very much from the start but couldn't find something else which was open source and easy to work with.

[alexandru-paduraru]

@cristijora unfortunately, we don't have a fix for Angular either... I was looking for some answers in StackOverflow and found this: https://stackoverflow.com/questions/37277026/jvectormap-setfocus-error-jquery. We should try to add on window.resize() a method that will send also the scale value to the map. This is how I understand that the problem should be solved.

Changing the map with a vuejs native component is also a solution, but how you said, there isn't anything as good as jqvmap. So I think we should wait some time till we will have a good native component and trying to fix the issue with the resize.

Is this ok?

[cristijora]

The issue should be resolved now since we migrated to datamaps in the latest 2.2.0 version

[locmai0808]

How did you guys solve this problem? I am still having this :( I'm using React Black Dashboard Pro

[Tekrajs]

@locmai0808 Me too.

[dragosct]

Hi, @locmai0808! This is the repo for the vue paper dashboard pro product, not the Black Dashboard PRO React. I think the plugin is different between these two products.

Regards, Dragos