Map In Javascript Render Mode Too Slow In Firefox

[jvf]

Hello,

we are using a purchased version of Fusion Maps in our web page. The maps and charts are renderized by Javascript and I have noticed that in Firefox browser (version 20.0.1 for example) is slower than in other browsers like IE or Chrome. Also I noticed that when the map is displayed with other charts in the same page, the map is even slower.

Is this a normal behaviour? Can I speed up the map?

Thanks

John

 

[Guest Sashibhusan]

Hi John,

 

Could you please provide the XML/JSON data for the map, Map type and the screen shot of the time taken to render the map in Firefox?

 

Also, please provide FusionMaps XT version details, to better look into the issue.

 

Awaiting your inputs.

[jvf]

Hello,
Maybe I have not explained well the case. The map renderizes ok and fast but when moving the cursor over the map the provinces highlight is slow.
In Chrome you can move the cursor very fast and the provinces follow the cursor highlighting the provinces, but in firefox this is slow.

 

The FusionMaps XT version we use is v3.3.1 - Service Release 1. The map is FCMap_SpainProvinces.

The xml does not contain data:
<map baseFontSize='9' includeNameInLabels='1' includeValueInLabels='1' fillColor='#E54040' formatNumber='0'
     formatNumberScale='0' showLegend='1' showFCMenuItem='0' showLabels='1' showCanvasBorder='0' showMarkerLabels='1'>
<data></data>
</map>

Thanks,
John
 

[Guest Sumedh]

Hi,

 

We are looking into this.

 

We will update you on this, shortly.

[Guest Sushant]

Hi John,

 

We have investigated the issue that you have mentioned and as it turns out, the delay is more of a browser limitation than a limitation of our framework (Our code execution time is of the order of 5 ms in Firefox 20.0.1 for the hover action). When one hovers over the geographical entities on a map, the entity gets "repainted" by the browser as a result of the change in the background color. This repaint done by browsers take different times in different browsers depending on the engine they are using, the optimizations that they employ for different actions (like repaint) etc.

 

Most of our maps, and consequently the different geographical entities contained therein, are originally much larger and are scaled down to fit within the container. This is done to give a high level of consistency & accuracy to the borders, irrespective of the size of the container in which the map is drawn. However, as a consequence some of the browsers take a little extra time to repaint these scaled down entities. 

 

We will certainly be looking to improve this performance bottleneck in the future releases but need to investigate this issue and the possible solutions further in order to find a solution that works cross-browser and in scalable in the long run.

 

Hope this has answered your queries.

[shamasis]

     

 

What Sushant means is that FF is slow to "paint" the colour change even when the code to do it is very lightweight! We need to figure out a workaround to speed it up further on FireFox.

[Guest Sushant]

In a nutshell... Yes.

[jvf]

Hello,

 

I understand the issue.

Thank you very much!

 

John