State level data of India not showing in google geochart

538 views
Skip to first unread message

Subhabrata Bose

unread,
Apr 13, 2017, 5:30:30 AM4/13/17
to Google Visualization API
Hi
   I am loading Map of India using Geochart. On click of any Indian State I want to load the Image of that state(eg Maharashtra), but i am getting the Message - Requested map does not exist. 
   
My Code:

var data = new google.visualization.DataTable();
data.addColumn('string',  'State', 'State');
        data.addColumn('number', 'Area Percentage', 'Area Percentage');
data.addColumn({type:'string', role:'tooltip', 'p': {'html': true}});
data.addRows([            
['Maharashtra',  11, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Kerala',  1, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Punjab', 10, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Rajasthan',  10, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Uttar Pradesh',  7, 'Balance: 1342720534.59997, fffff: 1342720544.59997']
]);
var val = [0, 5, 10, 20, 30, 50];
var options = {
tooltip: {isHtml: true},
backgroundColor: '#81d4fa',
region: 'IN',
domain: 'IN',
displayMode: 'markers', //auto is zonecolor
datalessRegionColor: '#a6a6a6',
colorAxis: {colors: ['red', 'yellow', 'violet', 'pink', 'blue', 'green'], values: val1}
};

var chart = new google.visualization.GeoChart(document.getElementById('mapDiv'));
chart.draw(data, options);
google.visualization.events.addListener(chart4, 'regionClick', function(eventData) {
var selectedItem = eventData.region;
if (selectedItem) {
var data = new google.visualization.DataTable();
data.addColumn('string',  'City', 'City');
data.addColumn('number', 'perc', 'perc');
data.addColumn({type:'string', role:'tooltip', 'p': {'html': true}});
data.addRows([            
['Amravati',  11, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Aurangabad',  1, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Jalna', 10, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Kolhapur',  10, 'Balance: 1342720534.59997, fffff: 1342720544.59997'],
['Nagpur',  7, 'Balance: 1342720534.59997, fffff: 1342720544.59997']
]);
var val = [0, 3, 10, 25, 35, 55];

options['region'] = selectedItem;
options['resolution'] = 'metros';
options['displayMode'] = 'markers';
options['colorAxis'] = {colors: ['red', 'yellow', 'violet', 'pink', 'blue', 'green'], values: val};
chart.draw(data, options);
}
});

Thank you for the help in advance.
Reply all
Reply to author
Forward
0 new messages