I use fusiontables for getting geolocation and make all country on google maps clickable. When a user clicks on any country they get popup with the name of that country. But problem is, some country is not highlighted for click event like Malta, Lichtenstein etc. Is there any way to custom fix this? This is part of my code but you can find all on jsfiddle
map.setOptions({styles: styles});
// Initialize JSONP request
var script = document.createElement('script');
var url = ['https://www.googleapis.com/fusiontables/v1/query?'];
url.push('sql=');
var query = 'SELECT name, kml_4326 FROM ' +
'1foc3xO9DyfSIF6ofvN0kp2bxSfSeKog5FbdWdQ';
var encodedQuery = encodeURIComponent(query);
url.push(encodedQuery);
url.push('&callback=drawMap');
url.push('&key=AIzaSyAm9yWCV7JPCTHCJut8whOjARd7pwROFDQ');
script.src = url.join('');
var body = document.getElementsByTagName('body')[0];
body.appendChild(script);
}
And also, Is there a better way to accurately label the polygon? That does not exactly match the polygon marks and the real borders of the states