You can improve the load time significantly by using Lat,Lng instead of city names.
On Fri, Feb 4, 2011 at 8:46 AM, Innocuous <[email protected]> wrote: > 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. > > -- 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.
