[UI] [Visualization] Problems with the map visualizations

[Desvelao]

Wazuh	Elastic	Rev	Security
4.x	7.x	4xxx	Basic, ODFE, Xpack

Browser
Chrome, Firefox, Safari, etc

Description
The map visualization has some problems:

• it is not sometimes completely rendered
• the legend could appear duplicated

The problems were seen in Wazuh dashboard, we should review if they appear in Kibana.

Tasks

• Research the causes of the problems
• Review if we can apply some fix taking into account that the visualizations are rendered using a method exposed by the core of plugin platform. If not, we should consider removing the visualizations if the problems are persistent.

Screenshots

[asteriscos]

Tried to reproduce the issue many many times and finally got an exception:

The file is:
/plugin:tileMap/src/plugins/tile_map/public/tile_map_visualization.js

Tested it in mayor browsers and still no pattern or cause was found. This behavior seems to be very "random" and hard to reproduce.

[asteriscos]

Trying to find the source of this issue with @Desvelao, we analyzed the maps visualizations JSON definitions to check if any of the properties was misconfigured or deprecated. We also compared the visualization JSON properties with a newly created map in the Visualization plugin saved object.
This tests were of little help to reproduce and find the cause of this issue as everything seemed to work as expected.

Doing some research about the way the visualizations rendered, I realized while the visualization is loading its wrapper has display:none style. This causes the map to miscalculate its coordinates and causes this issue. The fix proposal is to change the map visibility without collapsing its wrapper in the loading state.