Untitled

<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'> </script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);

function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
['State', 'Data'],
['West Bengal', 5],
['Kerala', 300],
['Tamil Nadu', 200],

]);

var options = {
region: 'IN',
displayMode: 'regions',
resolution: 'provinces',
};

 var chart = new  google.visualization.GeoChart(document.getElementById('chart_div'));
 chart.draw(data, options);
 };
 </script>
 </head>
 <body>
 <div id="chart_div" style="width: 900px; height: 500px;"></div>
 </body>
 </html>