Hi,
I am currently using the marker style to display data. However even
for a small number of markers such as 266 the map takes more than 3.
mins to display. This is the source
The data is extracted from mysql and changes according to
requirements. How can we optimize?
----------------------------------------
google.load('visualization', '1', {'packages': ['geomap']});
google.setOnLoadCallback(drawMap);
function drawMap() {
var data = new google.visualization.DataTable();
data.addRows(226);
data.addColumn('string', 'City');
data.addColumn('number', 'SureBzzers');
data.setValue(0, 0, 'AGRA');
data.setValue(0, 1, 6);
data.setValue(1, 0, 'AHMEDABAD');
data.setValue(1, 1, 14);
data.setValue(2, 0, 'AHMEDNAGAR');
data.setValue(2, 1, 1);
data.setValue(3, 0, 'AJMER');
data.setValue(3, 1, 1);
data.setValue(4, 0, 'ALAPUZHA');
data.setValue(4, 1, 1);
data.setValue(5, 0, 'ALLAHABAD');
data.setValue(5, 1, 2);
data.setValue(6, 0, 'ALWAR');
data.setValue(6, 1, 1);
data.setValue(7, 0, 'AMALAPURAM');
data.setValue(7, 1, 1);
data.setValue(8, 0, 'AMBALA CANTT');
data.setValue(8, 1, 2);
data.setValue(9, 0, 'AMBALA CITY');
data.setValue(9, 1, 1);
data.setValue(10, 0, 'AMRELI');
data.setValue(10, 1, 1);
data.setValue(11, 0, 'AMRITSAR');
data.setValue(11, 1, 1);
data.setValue(12, 0, 'ARCOT');
data.setValue(12, 1, 1);
data.setValue(13, 0, 'AURANGABAD');
data.setValue(13, 1, 1);
data.setValue(14, 0, 'BAGALORE');
data.setValue(14, 1, 1);
data.setValue(15, 0, 'BALASORE');
data.setValue(15, 1, 2);
data.setValue(16, 0, 'BANAGLORE');
data.setValue(16, 1, 1);
data.setValue(17, 0, 'BANDRA - WEST');
data.setValue(17, 1, 1);
data.setValue(18, 0, 'BANGALORE');
data.setValue(18, 1, 62);
data.setValue(19, 0, 'BANGALURU');
data.setValue(19, 1, 1);
data.setValue(20, 0, 'BANKURA');
data.setValue(20, 1, 1);
data.setValue(21, 0, 'BAREILLY');
data.setValue(21, 1, 1);
data.setValue(22, 0, 'BARODA');
data.setValue(22, 1, 2);
data.setValue(23, 0, 'BATHINDA');
data.setValue(23, 1, 2);
data.setValue(24, 0, 'BELGAUM');
data.setValue(24, 1, 2);
data.setValue(25, 0, 'BELLARY');
data.setValue(25, 1, 1);
data.setValue(26, 0, 'BENGALURU');
data.setValue(26, 1, 1);
data.setValue(27, 0, 'BHARUCH');
data.setValue(27, 1, 1);
data.setValue(28, 0, 'BHILWARA');
data.setValue(28, 1, 1);
data.setValue(29, 0, 'BHIWANDI');
data.setValue(29, 1, 1);
data.setValue(30, 0, 'BHOPAL');
data.setValue(30, 1, 4);
data.setValue(31, 0, 'BHUBANESAR');
data.setValue(31, 1, 1);
data.setValue(32, 0, 'BHUBANESWAR');
data.setValue(32, 1, 3);
data.setValue(33, 0, 'BHUJ');
data.setValue(33, 1, 1);
data.setValue(34, 0, 'BIHAR SHARIF');
data.setValue(34, 1, 1);
data.setValue(35, 0, 'BILASPUR');
data.setValue(35, 1, 1);
data.setValue(36, 0, 'BNAGALORE');
data.setValue(36, 1, 1);
data.setValue(37, 0, 'BOISAR');
data.setValue(37, 1, 1);
data.setValue(38, 0, 'BOKARO STEEL CITY');
data.setValue(38, 1, 1);
data.setValue(39, 0, 'BOLPUR');
data.setValue(39, 1, 1);
data.setValue(40, 0, 'CALICUT');
data.setValue(40, 1, 3);
data.setValue(41, 0, 'CHANDIGARH');
data.setValue(41, 1, 12);
data.setValue(42, 0, 'CHANGANACHERRY');
data.setValue(42, 1, 1);
data.setValue(43, 0, 'CHENNAI');
data.setValue(43, 1, 46);
data.setValue(44, 0, 'CHERTHALA');
data.setValue(44, 1, 1);
data.setValue(45, 0, 'CHIPLUN');
data.setValue(45, 1, 1);
data.setValue(46, 0, 'COCHIN');
data.setValue(46, 1, 4);
data.setValue(47, 0, 'COIMBATORE');
data.setValue(47, 1, 2);
data.setValue(48, 0, 'COIMBATORE');
data.setValue(48, 1, 7);
data.setValue(49, 0, 'CUTTACK');
data.setValue(49, 1, 2);
data.setValue(50, 0, 'DAHOD');
data.setValue(50, 1, 1);
data.setValue(51, 0, 'DAVANGERE');
data.setValue(51, 1, 3);
data.setValue(52, 0, 'DEHRADUN');
data.setValue(52, 1, 2);
data.setValue(53, 0, 'DELHI');
data.setValue(53, 1, 40);
data.setValue(54, 0, 'DIBRUGARH');
data.setValue(54, 1, 2);
data.setValue(55, 0, 'DIGRAS');
data.setValue(55, 1, 1);
data.setValue(56, 0, 'DIRBA');
data.setValue(56, 1, 1);
data.setValue(57, 0, 'DISHERGARH');
data.setValue(57, 1, 1);
data.setValue(58, 0, 'DISTRICT THANE');
data.setValue(58, 1, 1);
data.setValue(59, 0, 'DLF GURGAON');
data.setValue(59, 1, 1);
data.setValue(60, 0, 'DOMBIVLI');
data.setValue(60, 1, 2);
data.setValue(61, 0, 'DURGAPUR');
data.setValue(61, 1, 1);
data.setValue(62, 0, 'ERNAKULAM');
data.setValue(62, 1, 2);
data.setValue(63, 0, 'ERODE');
data.setValue(63, 1, 1);
data.setValue(64, 0, 'ERODE DIST');
data.setValue(64, 1, 1);
data.setValue(65, 0, 'FARIDABAD');
data.setValue(65, 1, 12);
data.setValue(66, 0, 'FATEHABAD');
data.setValue(66, 1, 1);
data.setValue(67, 0, 'FULIA');
data.setValue(67, 1, 1);
data.setValue(68, 0, 'GAHZIABAD');
data.setValue(68, 1, 1);
data.setValue(69, 0, 'GARULIA');
data.setValue(69, 1, 1);
data.setValue(70, 0, 'GAYA');
data.setValue(70, 1, 2);
data.setValue(71, 0, 'GHANSOLI,NAVIMUMBAI');
data.setValue(71, 1, 1);
data.setValue(72, 0, 'GHAZIABAD');
data.setValue(72, 1, 7);
data.setValue(73, 0, 'GORAKHPUR');
data.setValue(73, 1, 1);
data.setValue(74, 0, 'GUNTUR');
data.setValue(74, 1, 1);
data.setValue(75, 0, 'GURGAON');
data.setValue(75, 1, 14);
data.setValue(76, 0, 'GWALIOR');
data.setValue(76, 1, 3);
data.setValue(77, 0, 'HAPUR');
data.setValue(77, 1, 2);
data.setValue(78, 0, 'HAZARIBQAGH');
data.setValue(78, 1, 1);
data.setValue(79, 0, 'HISAR');
data.setValue(79, 1, 2);
data.setValue(80, 0, 'HOWRAH');
data.setValue(80, 1, 1);
data.setValue(81, 0, 'HUBLI');
data.setValue(81, 1, 1);
data.setValue(82, 0, 'HYD');
data.setValue(82, 1, 1);
data.setValue(83, 0, 'HYDERABAD');
data.setValue(83, 1, 35);
data.setValue(84, 0, 'ICHALKARANJI');
data.setValue(84, 1, 1);
data.setValue(85, 0, 'INDORE');
data.setValue(85, 1, 6);
data.setValue(86, 0, 'JAIPUR');
data.setValue(86, 1, 19);
data.setValue(87, 0, 'JAMMU');
data.setValue(87, 1, 1);
data.setValue(88, 0, 'JAMNAGAR');
data.setValue(88, 1, 4);
data.setValue(89, 0, 'JAMSHEDPUR');
data.setValue(89, 1, 3);
data.setValue(90, 0, 'JEYPORE');
data.setValue(90, 1, 1);
data.setValue(91, 0, 'KADAPA');
data.setValue(91, 1, 1);
data.setValue(92, 0, 'KAKINADA');
data.setValue(92, 1, 1);
data.setValue(93, 0, 'KALOL(DIST.GANDHINAGAR)');
data.setValue(93, 1, 1);
data.setValue(94, 0, 'KALYAN');
data.setValue(94, 1, 2);
data.setValue(95, 0, 'KAMARGAON');
data.setValue(95, 1, 1);
data.setValue(96, 0, 'KANPUR');
data.setValue(96, 1, 2);
data.setValue(97, 0, 'KAPURTHALA');
data.setValue(97, 1, 3);
data.setValue(98, 0, 'KARAIKUDI');
data.setValue(98, 1, 1);
data.setValue(99, 0, 'KARNAL');
data.setValue(99, 1, 1);
data.setValue(100, 0, 'KASARAGOD');
data.setValue(100, 1, 1);
data.setValue(101, 0, 'KASARGOD(DIST');
data.setValue(101, 1, 1);
data.setValue(102, 0, 'KATHUA');
data.setValue(102, 1, 1);
data.setValue(103, 0, 'KEONJHAR');
data.setValue(103, 1, 1);
data.setValue(104, 0, 'KHANNA');
data.setValue(104, 1, 1);
data.setValue(105, 0, 'KHARAGPUR');
data.setValue(105, 1, 1);
data.setValue(106, 0, 'KOCHI');
data.setValue(106, 1, 1);
data.setValue(107, 0, 'KOLAKATA');
data.setValue(107, 1, 1);
data.setValue(108, 0, 'KOLHAPUR');
data.setValue(108, 1, 1);
data.setValue(109, 0, 'KOLKATA');
data.setValue(109, 1, 32);
data.setValue(110, 0, 'KOTA');
data.setValue(110, 1, 2);
data.setValue(111, 0, 'KOTHAGUDEM');
data.setValue(111, 1, 1);
data.setValue(112, 0, 'KOTTAYAM');
data.setValue(112, 1, 2);
data.setValue(113, 0, 'KOTTAYM');
data.setValue(113, 1, 1);
data.setValue(114, 0, 'KOZHIKODE');
data.setValue(114, 1, 1);
data.setValue(115, 0, 'KUDAL');
data.setValue(115, 1, 2);
data.setValue(116, 0, 'KURUKSHETRA');
data.setValue(116, 1, 4);
data.setValue(117, 0, 'LUCKNOW');
data.setValue(117, 1, 13);
data.setValue(118, 0, 'LUDHIANA');
data.setValue(118, 1, 5);
data.setValue(119, 0, 'LUKNOW');
data.setValue(119, 1, 1);
data.setValue(120, 0, 'MACHILIPATNAM');
data.setValue(120, 1, 1);
data.setValue(121, 0, 'MADURAI');
data.setValue(121, 1, 2);
data.setValue(122, 0, 'MANAGLORE');
data.setValue(122, 1, 1);
data.setValue(123, 0, 'MANDI DABWALI');
data.setValue(123, 1, 1);
data.setValue(124, 0, 'MANGALORE');
data.setValue(124, 1, 2);
data.setValue(125, 0, 'MARGAO');
data.setValue(125, 1, 2);
data.setValue(126, 0, 'MAU');
data.setValue(126, 1, 1);
data.setValue(127, 0, 'MAYILADUTHURAI');
data.setValue(127, 1, 1);
data.setValue(128, 0, 'MEERUT');
data.setValue(128, 1, 1);
data.setValue(129, 0, 'MIRA ROAD');
data.setValue(129, 1, 1);
data.setValue(130, 0, 'MOGA');
data.setValue(130, 1, 1);
data.setValue(131, 0, 'MOHALI');
data.setValue(131, 1, 2);
data.setValue(132, 0, 'MOHALI - CHANDIGARH');
data.setValue(132, 1, 1);
data.setValue(133, 0, 'MOKOKCHUNG');
data.setValue(133, 1, 1);
data.setValue(134, 0, 'MUMBAI');
data.setValue(134, 1, 84);
data.setValue(135, 0, 'MUZAFFARNAGAR');
data.setValue(135, 1, 1);
data.setValue(136, 0, 'MUZAFFARPUR');
data.setValue(136, 1, 1);
data.setValue(137, 0, 'MYSORE');
data.setValue(137, 1, 3);
data.setValue(138, 0, 'NABADWIP');
data.setValue(138, 1, 1);
data.setValue(139, 0, 'NABHA');
data.setValue(139, 1, 1);
data.setValue(140, 0, 'NAGERCOIL');
data.setValue(140, 1, 1);
data.setValue(141, 0, 'NAGPUR');
data.setValue(141, 1, 5);
data.setValue(142, 0, 'NAHAN');
data.setValue(142, 1, 1);
data.setValue(143, 0, 'NALGONDA');
data.setValue(143, 1, 2);
data.setValue(144, 0, 'NAMRUP');
data.setValue(144, 1, 1);
data.setValue(145, 0, 'NANDED');
data.setValue(145, 1, 2);
data.setValue(146, 0, 'NASHIK');
data.setValue(146, 1, 2);
data.setValue(147, 0, 'NASIK');
data.setValue(147, 1, 2);
data.setValue(148, 0, 'NAVI MUMBAI');
data.setValue(148, 1, 13);
data.setValue(149, 0, 'NAVIMUMBAI');
data.setValue(149, 1, 1);
data.setValue(150, 0, 'NEDUMKANDAM');
data.setValue(150, 1, 1);
data.setValue(151, 0, 'NELLOR');
data.setValue(151, 1, 1);
data.setValue(152, 0, 'NEW DELHI');
data.setValue(152, 1, 38);
data.setValue(153, 0, 'NEW DELHI.');
data.setValue(153, 1, 1);
data.setValue(154, 0, 'NEYVELI');
data.setValue(154, 1, 1);
data.setValue(155, 0, 'NIZAMABAD');
data.setValue(155, 1, 2);
data.setValue(156, 0, 'NOIDA');
data.setValue(156, 1, 8);
data.setValue(157, 0, 'OLD PANVEL');
data.setValue(157, 1, 1);
data.setValue(158, 0, 'PALAKKAD');
data.setValue(158, 1, 1);
data.setValue(159, 0, 'PALLLURUTHY');
data.setValue(159, 1, 1);
data.setValue(160, 0, 'PANAJI');
data.setValue(160, 1, 1);
data.setValue(161, 0, 'PANCHKULA');
data.setValue(161, 1, 2);
data.setValue(162, 0, 'PANIPAT');
data.setValue(162, 1, 2);
data.setValue(163, 0, 'PATIALA');
data.setValue(163, 1, 3);
data.setValue(164, 0, 'PATNA');
data.setValue(164, 1, 4);
data.setValue(165, 0, 'PHAGWARA');
data.setValue(165, 1, 1);
data.setValue(166, 0, 'PONDA');
data.setValue(166, 1, 2);
data.setValue(167, 0, 'PORANKIVIJAYAWADA');
data.setValue(167, 1, 1);
data.setValue(168, 0, 'PORVORIM');
data.setValue(168, 1, 1);
data.setValue(169, 0, 'PUNE');
data.setValue(169, 1, 26);
data.setValue(170, 0, 'PUNE MAHARASHTRA');
data.setValue(170, 1, 1);
data.setValue(171, 0, 'PURI');
data.setValue(171, 1, 2);
data.setValue(172, 0, 'RAISINGHNAGAR');
data.setValue(172, 1, 1);
data.setValue(173, 0, 'RAJAHMUNDRY');
data.setValue(173, 1, 2);
data.setValue(174, 0, 'RAJKOT');
data.setValue(174, 1, 2);
data.setValue(175, 0, 'RAMPUR');
data.setValue(175, 1, 1);
data.setValue(176, 0, 'RANCHI');
data.setValue(176, 1, 3);
data.setValue(177, 0, 'RATNAGIRI');
data.setValue(177, 1, 1);
data.setValue(178, 0, 'REWARI');
data.setValue(178, 1, 1);
data.setValue(179, 0, 'ROHTAK');
data.setValue(179, 1, 2);
data.setValue(180, 0, 'ROURKELA');
data.setValue(180, 1, 1);
data.setValue(181, 0, 'SALEM');
data.setValue(181, 1, 4);
data.setValue(182, 0, 'SATNA');
data.setValue(182, 1, 1);
data.setValue(183, 0, 'SECUNDERABAD');
data.setValue(183, 1, 1);
data.setValue(184, 0, 'SECUNDRABAD');
data.setValue(184, 1, 1);
data.setValue(185, 0, 'SHAHABAD MARKANDA');
data.setValue(185, 1, 1);
data.setValue(186, 0, 'SHAHDARA');
data.setValue(186, 1, 1);
data.setValue(187, 0, 'SHIMLA');
data.setValue(187, 1, 2);
data.setValue(188, 0, 'SIRHIND');
data.setValue(188, 1, 1);
data.setValue(189, 0, 'SIRSI');
data.setValue(189, 1, 1);
data.setValue(190, 0, 'SITAPUR');
data.setValue(190, 1, 1);
data.setValue(191, 0, 'SOLAPUR');
data.setValue(191, 1, 1);
data.setValue(192, 0, 'SRINAGAR');
data.setValue(192, 1, 1);
data.setValue(193, 0, 'SURAT');
data.setValue(193, 1, 11);
data.setValue(194, 0, 'TADEPALLIGUDEM');
data.setValue(194, 1, 1);
data.setValue(195, 0, 'THANE');
data.setValue(195, 1, 4);
data.setValue(196, 0, 'THANE W');
data.setValue(196, 1, 2);
data.setValue(197, 0, 'THANE WEST');
data.setValue(197, 1, 2);
data.setValue(198, 0, 'THANJAVUR');
data.setValue(198, 1, 1);
data.setValue(199, 0, 'THENI');
data.setValue(199, 1, 1);
data.setValue(200, 0, 'THNEW');
data.setValue(200, 1, 1);
data.setValue(201, 0, 'THODUPUZHA');
data.setValue(201, 1, 1);
data.setValue(202, 0, 'THRISSUR');
data.setValue(202, 1, 2);
data.setValue(203, 0, 'TIRUNELVELI-DT');
data.setValue(203, 1, 1);
data.setValue(204, 0, 'TONK');
data.setValue(204, 1, 1);
data.setValue(205, 0, 'TRICHY');
data.setValue(205, 1, 2);
data.setValue(206, 0, 'TRIVANDRUM');
data.setValue(206, 1, 4);
data.setValue(207, 0, 'TUMSAR');
data.setValue(207, 1, 1);
data.setValue(208, 0, 'TUTICORIN');
data.setValue(208, 1, 2);
data.setValue(209, 0, 'UDUPI');
data.setValue(209, 1, 1);
data.setValue(210, 0, 'ULHASNAGAR');
data.setValue(210, 1, 1);
data.setValue(211, 0, 'UNA');
data.setValue(211, 1, 1);
data.setValue(212, 0, 'URAN');
data.setValue(212, 1, 1);
data.setValue(213, 0, 'VADODARA');
data.setValue(213, 1, 9);
data.setValue(214, 0, 'VALSAD');
data.setValue(214, 1, 3);
data.setValue(215, 0, 'VARANASI');
data.setValue(215, 1, 1);
data.setValue(216, 0, 'VASHI');
data.setValue(216, 1, 3);
data.setValue(217, 0, 'VASHI NAVI MUMBAI');
data.setValue(217, 1, 2);
data.setValue(218, 0, 'VELLORE');
data.setValue(218, 1, 3);
data.setValue(219, 0, 'VIJAYAWADA');
data.setValue(219, 1, 3);
data.setValue(220, 0, 'VILLUPURAM');
data.setValue(220, 1, 1);
data.setValue(221, 0, 'VISAKHAPATNAM');
data.setValue(221, 1, 10);
data.setValue(222, 0, 'VISHAKAPATNAM');
data.setValue(222, 1, 1);
data.setValue(223, 0, 'VIZIANAGARAM');
data.setValue(223, 1, 1);
data.setValue(224, 0, 'WARANGAL');
data.setValue(224, 1, 2);
data.setValue(225, 0, 'YAMUNANAGAR');
data.setValue(225, 1, 2);
var options = {};
options['width'] = 500;
options['height'] = 350;
options['title'] = 'Report by Geography';
options['region'] = 'IN';
options['dataMode'] = 'markers';
options['zoomOutLabel'] = 'Zoom Out';
var container = document.getElementById('map_canvas_city');
var geomap = new google.visualization.GeoMap(container);
geomap.draw(data, options);
};
</script>
----------------------------------------------------------------------------------------------------------
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
