Tooltip blink on mouseover

[naveenkumar87]

If i move the mouse on the area of country, tooltip continuously blinks and it changes country color.

[lukaskupczyk]

Adding done: function() {}, to the configuration worked for me.

[naveenkumar87]

I added done parameter, no luck. This is my config:

                               var basic = new Datamap({
 	 					element: document.getElementById('world-map'),
 	 					fills:{
 	 						shipment: 'blue',
 	 						defaultFill: '#ABDDA4'
 	 					},
 	 					done: function(){
 	 						console.log('done');
 	 					},
 	 					geographyConfig: {
 	 			                    popupTemplate: function(geo, data) {
 	 			            	     if(data){
 	 			            		return ['<div class="hoverinfo">',
 	 	 			                        '' + geo.properties.name,
 	 	 			                        ': ' + data.numberOfThings,
 	 	 			                        '</div>'].join('');
 	 			            	   }else{
 	 			            		return ['<div class="hoverinfo">',
 	 	 			                        '' + geo.properties.name,
 	 	 			                        '</div>'].join('');
 	 			            	  }
 	 			                
 	 			            }
 	 			        },
 	 			        data:mapData
 	 		});

Nothing gets printed on console also.

[cgpro]

Set position relative (css) to #world-map :-) works for me.

[asgarli]

Set position relative (css) to #world-map :-) works for me.

This worked for me! But I still wonder why it was happening.