Link to home
Start Free TrialLog in
Avatar of pamela rizk
pamela rizkFlag for Lebanon

asked on

google map draw simple line

dear all

i am using the below code :
<script type="text/javascript">
//<![CDATA[
TrackingParams = new Array(142);
TimeParams = new Array(0);
CustomerParams = new Array(0);
 for (i = 0; i < TrackingParams.length; ++i)
 TrackingParams[i] = new Array(3); 
 TrackingParams[0][0] = '33.9790257';
 TrackingParams[0][1] = '35.6247374';
 TrackingParams[0][2] = '08:46';
 TrackingParams[1][0] = '33.9789747';
 TrackingParams[1][1] = '35.6247476';
 TrackingParams[1][2] = '08:49';
 TrackingParams[2][0] = '33.9792066666667';
 TrackingParams[2][1] = '35.624365';
 TrackingParams[2][2] = '09:01';
 TrackingParams[3][0] = '33.9794366666667';
 TrackingParams[3][1] = '35.6241216666667';
 TrackingParams[3][2] = '09:02';
 TrackingParams[4][0] = '33.9794066666667';
 TrackingParams[4][1] = '35.6231183333333';
 TrackingParams[4][2] = '09:02';
 TrackingParams[5][0] = '33.9793733333333';
 TrackingParams[5][1] = '35.6211966666667';
 TrackingParams[5][2] = '09:03';
 TrackingParams[6][0] = '33.979195';
 TrackingParams[6][1] = '35.6205316666667';
 TrackingParams[6][2] = '09:03';
 TrackingParams[7][0] = '33.9791083333333';
 TrackingParams[7][1] = '35.6201683333333';
 TrackingParams[7][2] = '09:03';
 TrackingParams[8][0] = '33.9785';
 TrackingParams[8][1] = '35.61915';
 TrackingParams[8][2] = '09:03';
 TrackingParams[9][0] = '33.9777';
 TrackingParams[9][1] = '35.6178283333333';
 TrackingParams[9][2] = '09:04';
 TrackingParams[10][0] = '33.9766133333333';
 TrackingParams[10][1] = '35.61607';
 TrackingParams[10][2] = '09:04';
 TrackingParams[11][0] = '33.976195';
 TrackingParams[11][1] = '35.615255';
 TrackingParams[11][2] = '09:05';
 TrackingParams[12][0] = '33.9760383333333';
 TrackingParams[12][1] = '35.6147066666667';
 TrackingParams[12][2] = '09:05';
 TrackingParams[13][0] = '33.97499';
 TrackingParams[13][1] = '35.61304';
 TrackingParams[13][2] = '09:05';
 TrackingParams[14][0] = '33.9744883333333';
 TrackingParams[14][1] = '35.61251';
 TrackingParams[14][2] = '09:05';
 TrackingParams[15][0] = '33.973605';
 TrackingParams[15][1] = '35.6116416666667';
 TrackingParams[15][2] = '09:05';
 TrackingParams[16][0] = '33.9725116666667';
 TrackingParams[16][1] = '35.61057';
 TrackingParams[16][2] = '09:06';
 TrackingParams[17][0] = '33.965735';
 TrackingParams[17][1] = '35.6066083333333';
 TrackingParams[17][2] = '09:07';
 TrackingParams[18][0] = '33.9627533333333';
 TrackingParams[18][1] = '35.6050133333333';
 TrackingParams[18][2] = '09:07';
 TrackingParams[19][0] = '33.9610166666667';
 TrackingParams[19][1] = '35.6039883333333';
 TrackingParams[19][2] = '09:08';
 TrackingParams[20][0] = '33.9561016666667';
 TrackingParams[20][1] = '35.5982333333333';
 TrackingParams[20][2] = '09:08';
 TrackingParams[21][0] = '33.95375';
 TrackingParams[21][1] = '35.5935333333333';
 TrackingParams[21][2] = '09:09';
 TrackingParams[22][0] = '33.94961';
 TrackingParams[22][1] = '35.5927416666667';
 TrackingParams[22][2] = '09:09';
 TrackingParams[23][0] = '33.9447416666667';
 TrackingParams[23][1] = '35.5919383333333';
 TrackingParams[23][2] = '09:09';
 TrackingParams[24][0] = '33.9390316666667';
 TrackingParams[24][1] = '35.5905183333333';
 TrackingParams[24][2] = '09:10';
 TrackingParams[25][0] = '33.935455';
 TrackingParams[25][1] = '35.589605';
 TrackingParams[25][2] = '09:10';
 TrackingParams[26][0] = '33.932975';
 TrackingParams[26][1] = '35.5890916666667';
 TrackingParams[26][2] = '09:11';
 TrackingParams[27][0] = '33.9318866666667';
 TrackingParams[27][1] = '35.5889033333333';
 TrackingParams[27][2] = '09:11';
 TrackingParams[28][0] = '33.931005';
 TrackingParams[28][1] = '35.588655';
 TrackingParams[28][2] = '09:12';
 TrackingParams[29][0] = '33.930765';
 TrackingParams[29][1] = '35.588565';
 TrackingParams[29][2] = '09:12';
 TrackingParams[30][0] = '33.9301933333333';
 TrackingParams[30][1] = '35.5885066666667';
 TrackingParams[30][2] = '09:12';
 TrackingParams[31][0] = '33.9298183333333';
 TrackingParams[31][1] = '35.588225';
 TrackingParams[31][2] = '09:13';
 TrackingParams[32][0] = '33.9297416666667';
 TrackingParams[32][1] = '35.5881866666667';
 TrackingParams[32][2] = '09:13';
 TrackingParams[33][0] = '33.9287033333333';
 TrackingParams[33][1] = '35.5877616666667';
 TrackingParams[33][2] = '09:13';
 TrackingParams[34][0] = '33.9272';
 TrackingParams[34][1] = '35.587285';
 TrackingParams[34][2] = '09:14';
 TrackingParams[35][0] = '33.926825';
 TrackingParams[35][1] = '35.587215';
 TrackingParams[35][2] = '09:14';
 TrackingParams[36][0] = '33.92632';
 TrackingParams[36][1] = '35.58707';
 TrackingParams[36][2] = '09:15';
 TrackingParams[37][0] = '33.9250483333333';
 TrackingParams[37][1] = '35.586685';
 TrackingParams[37][2] = '09:15';
 TrackingParams[38][0] = '33.9246966666667';
 TrackingParams[38][1] = '35.5866116666667';
 TrackingParams[38][2] = '09:15';
 TrackingParams[39][0] = '33.9243283333333';
 TrackingParams[39][1] = '35.5865183333333';
 TrackingParams[39][2] = '09:15';
 TrackingParams[40][0] = '33.923645';
 TrackingParams[40][1] = '35.5863716666667';
 TrackingParams[40][2] = '09:16';
 TrackingParams[41][0] = '33.9233683333333';
 TrackingParams[41][1] = '35.5863016666667';
 TrackingParams[41][2] = '09:16';
 TrackingParams[42][0] = '33.922195';
 TrackingParams[42][1] = '35.5859366666667';
 TrackingParams[42][2] = '09:17';
 TrackingParams[43][0] = '33.9213816666667';
 TrackingParams[43][1] = '35.5856583333333';
 TrackingParams[43][2] = '09:17';
 TrackingParams[44][0] = '33.92024';
 TrackingParams[44][1] = '35.5852433333333';
 TrackingParams[44][2] = '09:18';
 TrackingParams[45][0] = '33.919605';
 TrackingParams[45][1] = '35.5849666666667';
 TrackingParams[45][2] = '09:18';
 TrackingParams[46][0] = '33.918695';
 TrackingParams[46][1] = '35.5846066666667';
 TrackingParams[46][2] = '09:19';
 TrackingParams[47][0] = '33.9174783333333';
 TrackingParams[47][1] = '35.5840583333333';
 TrackingParams[47][2] = '09:19';
 TrackingParams[48][0] = '33.9171466666667';
 TrackingParams[48][1] = '35.583965';
 TrackingParams[48][2] = '09:19';
 TrackingParams[49][0] = '33.91689';
 TrackingParams[49][1] = '35.5837283333333';
 TrackingParams[49][2] = '09:20';
 TrackingParams[50][0] = '33.9164933333333';
 TrackingParams[50][1] = '35.5835883333333';
 TrackingParams[50][2] = '09:20';
 TrackingParams[51][0] = '33.9154033333333';
 TrackingParams[51][1] = '35.58293';
 TrackingParams[51][2] = '09:21';
 TrackingParams[52][0] = '33.9149533333333';
 TrackingParams[52][1] = '35.5826983333333';
 TrackingParams[52][2] = '09:21';
 TrackingParams[53][0] = '33.914715';
 TrackingParams[53][1] = '35.5825683333333';
 TrackingParams[53][2] = '09:21';
 TrackingParams[54][0] = '33.91442';
 TrackingParams[54][1] = '35.58238';
 TrackingParams[54][2] = '09:21';
 TrackingParams[55][0] = '33.9143766666667';
 TrackingParams[55][1] = '35.5823483333333';
 TrackingParams[55][2] = '09:21';
 TrackingParams[56][0] = '33.91413';
 TrackingParams[56][1] = '35.5821916666667';
 TrackingParams[56][2] = '09:21';
 TrackingParams[57][0] = '33.91362';
 TrackingParams[57][1] = '35.5818716666667';
 TrackingParams[57][2] = '09:22';
 TrackingParams[58][0] = '33.91237';
 TrackingParams[58][1] = '35.581045';
 TrackingParams[58][2] = '09:22';
 TrackingParams[59][0] = '33.9111816666667';
 TrackingParams[59][1] = '35.5802816666667';
 TrackingParams[59][2] = '09:22';
 TrackingParams[60][0] = '33.9102';
 TrackingParams[60][1] = '35.5795533333333';
 TrackingParams[60][2] = '09:23';
 TrackingParams[61][0] = '33.9099333333333';
 TrackingParams[61][1] = '35.5793116666667';
 TrackingParams[61][2] = '09:23';
 TrackingParams[62][0] = '33.90941';
 TrackingParams[62][1] = '35.57881';
 TrackingParams[62][2] = '09:23';
 TrackingParams[63][0] = '33.9090833333333';
 TrackingParams[63][1] = '35.5785233333333';
 TrackingParams[63][2] = '09:24';
 TrackingParams[64][0] = '33.9080066666667';
 TrackingParams[64][1] = '35.577495';
 TrackingParams[64][2] = '09:24';
 TrackingParams[65][0] = '33.9076283333333';
 TrackingParams[65][1] = '35.5771233333333';
 TrackingParams[65][2] = '09:24';
 TrackingParams[66][0] = '33.9067233333333';
 TrackingParams[66][1] = '35.5762233333333';
 TrackingParams[66][2] = '09:25';
 TrackingParams[67][0] = '33.9067233333333';
 TrackingParams[67][1] = '35.5762233333333';
 TrackingParams[67][2] = '09:25';
 TrackingParams[68][0] = '33.906405';
 TrackingParams[68][1] = '35.575905';
 TrackingParams[68][2] = '09:25';
 TrackingParams[69][0] = '33.904805';
 TrackingParams[69][1] = '35.5743183333333';
 TrackingParams[69][2] = '09:26';
 TrackingParams[70][0] = '33.90432';
 TrackingParams[70][1] = '35.5738466666667';
 TrackingParams[70][2] = '09:26';
 TrackingParams[71][0] = '33.9033516666667';
 TrackingParams[71][1] = '35.5728266666667';
 TrackingParams[71][2] = '09:27';
 TrackingParams[72][0] = '33.9026216666667';
 TrackingParams[72][1] = '35.5721416666667';
 TrackingParams[72][2] = '09:27';
 TrackingParams[73][0] = '33.9017983333333';
 TrackingParams[73][1] = '35.571245';
 TrackingParams[73][2] = '09:28';
 TrackingParams[74][0] = '33.9016183333333';
 TrackingParams[74][1] = '35.5710766666667';
 TrackingParams[74][2] = '09:28';
 TrackingParams[75][0] = '33.9009933333333';
 TrackingParams[75][1] = '35.5704366666667';
 TrackingParams[75][2] = '09:28';
 TrackingParams[76][0] = '33.90062';
 TrackingParams[76][1] = '35.570075';
 TrackingParams[76][2] = '09:29';
 TrackingParams[77][0] = '33.8999816666667';
 TrackingParams[77][1] = '35.5694133333333';
 TrackingParams[77][2] = '09:29';
 TrackingParams[78][0] = '33.8988516666667';
 TrackingParams[78][1] = '35.56824';
 TrackingParams[78][2] = '09:30';
 TrackingParams[79][0] = '33.8985016666667';
 TrackingParams[79][1] = '35.5678933333333';
 TrackingParams[79][2] = '09:30';
 TrackingParams[80][0] = '33.8980933333333';
 TrackingParams[80][1] = '35.5674183333333';
 TrackingParams[80][2] = '09:30';
 TrackingParams[81][0] = '33.8977216666667';
 TrackingParams[81][1] = '35.566975';
 TrackingParams[81][2] = '09:30';
 TrackingParams[82][0] = '33.8974333333333';
 TrackingParams[82][1] = '35.5666616666667';
 TrackingParams[82][2] = '09:31';
 TrackingParams[83][0] = '33.8952766666667';
 TrackingParams[83][1] = '35.563875';
 TrackingParams[83][2] = '09:31';
 TrackingParams[84][0] = '33.8946183333333';
 TrackingParams[84][1] = '35.5628566666667';
 TrackingParams[84][2] = '09:32';
 TrackingParams[85][0] = '33.8945966666667';
 TrackingParams[85][1] = '35.562785';
 TrackingParams[85][2] = '09:32';
 TrackingParams[86][0] = '33.8944883333333';
 TrackingParams[86][1] = '35.5625583333333';
 TrackingParams[86][2] = '09:32';
 TrackingParams[87][0] = '33.894435';
 TrackingParams[87][1] = '35.56249';
 TrackingParams[87][2] = '09:33';
 TrackingParams[88][0] = '33.894435';
 TrackingParams[88][1] = '35.56249';
 TrackingParams[88][2] = '09:33';
 TrackingParams[89][0] = '33.894435';
 TrackingParams[89][1] = '35.56249';
 TrackingParams[89][2] = '09:33';
 TrackingParams[90][0] = '33.894435';
 TrackingParams[90][1] = '35.56249';
 TrackingParams[90][2] = '09:33';
 TrackingParams[91][0] = '33.894435';
 TrackingParams[91][1] = '35.56249';
 TrackingParams[91][2] = '09:33';
 TrackingParams[92][0] = '33.894435';
 TrackingParams[92][1] = '35.56249';
 TrackingParams[92][2] = '09:34';
 TrackingParams[93][0] = '33.894435';
 TrackingParams[93][1] = '35.56249';
 TrackingParams[93][2] = '09:34';
 TrackingParams[94][0] = '33.894435';
 TrackingParams[94][1] = '35.56249';
 TrackingParams[94][2] = '09:34';
 TrackingParams[95][0] = '33.894435';
 TrackingParams[95][1] = '35.56249';
 TrackingParams[95][2] = '09:34';
 TrackingParams[96][0] = '33.8943916666667';
 TrackingParams[96][1] = '35.5624283333333';
 TrackingParams[96][2] = '09:34';
 TrackingParams[97][0] = '33.89432';
 TrackingParams[97][1] = '35.5623366666667';
 TrackingParams[97][2] = '09:34';
 TrackingParams[98][0] = '33.89432';
 TrackingParams[98][1] = '35.5623366666667';
 TrackingParams[98][2] = '09:35';
 TrackingParams[99][0] = '33.89432';
 TrackingParams[99][1] = '35.5623366666667';
 TrackingParams[99][2] = '09:35';
 TrackingParams[100][0] = '33.89432';
 TrackingParams[100][1] = '35.5623366666667';
 TrackingParams[100][2] = '09:35';
 TrackingParams[101][0] = '33.89432';
 TrackingParams[101][1] = '35.5623366666667';
 TrackingParams[101][2] = '09:35';
 TrackingParams[102][0] = '33.89432';
 TrackingParams[102][1] = '35.5623366666667';
 TrackingParams[102][2] = '09:35';
 TrackingParams[103][0] = '33.89432';
 TrackingParams[103][1] = '35.5623366666667';
 TrackingParams[103][2] = '09:35';
 TrackingParams[104][0] = '33.89432';
 TrackingParams[104][1] = '35.5623366666667';
 TrackingParams[104][2] = '09:36';
 TrackingParams[105][0] = '33.89432';
 TrackingParams[105][1] = '35.5623366666667';
 TrackingParams[105][2] = '09:36';
 TrackingParams[106][0] = '33.89432';
 TrackingParams[106][1] = '35.5623366666667';
 TrackingParams[106][2] = '09:36';
 TrackingParams[107][0] = '33.89432';
 TrackingParams[107][1] = '35.5623366666667';
 TrackingParams[107][2] = '09:36';
 TrackingParams[108][0] = '33.89432';
 TrackingParams[108][1] = '35.5623366666667';
 TrackingParams[108][2] = '09:36';
 TrackingParams[109][0] = '33.89432';
 TrackingParams[109][1] = '35.5623366666667';
 TrackingParams[109][2] = '09:36';
 TrackingParams[110][0] = '33.89432';
 TrackingParams[110][1] = '35.5623366666667';
 TrackingParams[110][2] = '09:37';
 TrackingParams[111][0] = '33.8942683333333';
 TrackingParams[111][1] = '35.5622966666667';
 TrackingParams[111][2] = '09:37';
 TrackingParams[112][0] = '33.8941866666667';
 TrackingParams[112][1] = '35.5621033333333';
 TrackingParams[112][2] = '09:37';
 TrackingParams[113][0] = '33.8940733333333';
 TrackingParams[113][1] = '35.56188';
 TrackingParams[113][2] = '09:37';
 TrackingParams[114][0] = '33.8940733333333';
 TrackingParams[114][1] = '35.56188';
 TrackingParams[114][2] = '09:37';
 TrackingParams[115][0] = '33.8940733333333';
 TrackingParams[115][1] = '35.56188';
 TrackingParams[115][2] = '09:37';
 TrackingParams[116][0] = '33.8940733333333';
 TrackingParams[116][1] = '35.56188';
 TrackingParams[116][2] = '09:38';
 TrackingParams[117][0] = '33.8940733333333';
 TrackingParams[117][1] = '35.56188';
 TrackingParams[117][2] = '09:38';
 TrackingParams[118][0] = '33.8940733333333';
 TrackingParams[118][1] = '35.56188';
 TrackingParams[118][2] = '09:38';
 TrackingParams[119][0] = '33.8940733333333';
 TrackingParams[119][1] = '35.56188';
 TrackingParams[119][2] = '09:38';
 TrackingParams[120][0] = '33.8940733333333';
 TrackingParams[120][1] = '35.56188';
 TrackingParams[120][2] = '09:38';
 TrackingParams[121][0] = '33.8940733333333';
 TrackingParams[121][1] = '35.56188';
 TrackingParams[121][2] = '09:38';
 TrackingParams[122][0] = '33.8940733333333';
 TrackingParams[122][1] = '35.56188';
 TrackingParams[122][2] = '09:39';
 TrackingParams[123][0] = '33.8940733333333';
 TrackingParams[123][1] = '35.56188';
 TrackingParams[123][2] = '09:39';
 TrackingParams[124][0] = '33.8940733333333';
 TrackingParams[124][1] = '35.56188';
 TrackingParams[124][2] = '09:39';
 TrackingParams[125][0] = '33.8940733333333';
 TrackingParams[125][1] = '35.56188';
 TrackingParams[125][2] = '09:39';
 TrackingParams[126][0] = '33.89396';
 TrackingParams[126][1] = '35.5617516666667';
 TrackingParams[126][2] = '09:39';
 TrackingParams[127][0] = '33.893395';
 TrackingParams[127][1] = '35.5618616666667';
 TrackingParams[127][2] = '09:39';
 TrackingParams[128][0] = '33.893205';
 TrackingParams[128][1] = '35.5619716666667';
 TrackingParams[128][2] = '09:40';
 TrackingParams[129][0] = '33.8931466666667';
 TrackingParams[129][1] = '35.5619966666667';
 TrackingParams[129][2] = '09:40';
 TrackingParams[130][0] = '33.8929433333333';
 TrackingParams[130][1] = '35.5620683333333';
 TrackingParams[130][2] = '09:41';
 TrackingParams[131][0] = '33.8922883333333';
 TrackingParams[131][1] = '35.5623733333333';
 TrackingParams[131][2] = '09:43';
 TrackingParams[132][0] = '33.8900516666667';
 TrackingParams[132][1] = '35.5674283333333';
 TrackingParams[132][2] = '09:46';
 TrackingParams[133][0] = '33.8900516666667';
 TrackingParams[133][1] = '35.567485';
 TrackingParams[133][2] = '09:46';
 TrackingParams[134][0] = '33.8898033333333';
 TrackingParams[134][1] = '35.5679616666667';
 TrackingParams[134][2] = '09:47';
 TrackingParams[135][0] = '33.8894516666667';
 TrackingParams[135][1] = '35.5685166666667';
 TrackingParams[135][2] = '09:47';
 TrackingParams[136][0] = '33.8889266666667';
 TrackingParams[136][1] = '35.5693166666667';
 TrackingParams[136][2] = '09:47';
 TrackingParams[137][0] = '33.8881933333333';
 TrackingParams[137][1] = '35.5701383333333';
 TrackingParams[137][2] = '09:47';
 TrackingParams[138][0] = '33.887665';
 TrackingParams[138][1] = '35.57067';
 TrackingParams[138][2] = '09:47';
 TrackingParams[139][0] = '33.8873316666667';
 TrackingParams[139][1] = '35.5709316666667';
 TrackingParams[139][2] = '09:47';
 TrackingParams[140][0] = '33.8871483333333';
 TrackingParams[140][1] = '35.5709866666667';
 TrackingParams[140][2] = '09:47';
 TrackingParams[141][0] = '33.8929083333333';
 TrackingParams[141][1] = '35.561925';
 TrackingParams[141][2] = '16:33';google.maps.event.addDomListener(window, 'load', function(){DrawSimpleLine(TrackingParams,TimeParams,CustomerParams,'33.9790257', '35.6247374', 'Images/MapLocationForAgents.png','Images/MapLocationFoCustomers.png','Images/EmptyMapIcon.png', 12);});//]]>
</script>

Open in new window

and i am getting the below error:
Uncaught ReferenceError: google is not defined
DrawSimpleLine is defined as below:

function DrawSimpleLine(TrackingParams, TimeParams, CustomerParams, CenterLatitude, CenterLongitude, AgentMarkerImage, CustomerMarkerImage, TimeMarkerImage, ZoomLevel) {


            var TrackingArr = new Array();
            var len = TrackingParams.length;

            var myLatlng = new google.maps.LatLng(CenterLatitude, CenterLongitude);
            var mapOptions = {
                zoom: ZoomLevel,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.TERRAIN
            };

            var map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);

            for (i = 0; i < len; i++) {

                var latitude = TrackingParams[i][0];
                var longitude = TrackingParams[i][1];
                TrackingArr[i] = new google.maps.LatLng(latitude, longitude);
            }



            //add one marker on the first longitude/latitude taken for an agent at a specific date
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                //draggable: true,//Commented as per management request 
                icon: AgentMarkerImage
            });

            //create markers for every customer
            var infowindowCust = new google.maps.InfoWindow();
            var CustomerArray = new Array();
            var len2 = CustomerParams.length;
            if (len2 != 0)
                var locations = new Array();
            for (i = 0; i < len2; i++) {
                locations[i] = new Array(2);
                var latitude = CustomerParams[i][0];
                var longitude = CustomerParams[i][1];
                var ContactName = CustomerParams[i][2];
                locations[i][0] = latitude;
                locations[i][1] = longitude;
                locations[i][2] = ContactName;
                CustomerArray[i] = new google.maps.LatLng(latitude, longitude);

                var marker = new google.maps.Marker({
                    position: CustomerArray[i],
                    map: map,
                    //draggable: true,//Commented as per management request 
                    icon: CustomerMarkerImage,
                    title: ContactName
                });


                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        var contentString = '<div id="content">' +
                      '<div id="siteNotice">' +
                      '</div>' +
                    '<h1 id="firstHeading" class="firstHeading">' + locations[i][2] + '</h1>' +
                    '<div id="bodyContent">' +
                    '<p>Latitude:' + locations[i][0] + '</p>' +
                    '<p>Longitude:' + locations[i][1] + '</p>' +
                    '</div>' +
                    '</div>';
                        infowindowCust.setContent(contentString);
                        infowindowCust.open(map, marker);
                    }
                })(marker, i));

            }

            //create markers for times for every client
            var infowindowTime = new google.maps.InfoWindow();
            var TimeArray = new Array();
            var Timerlen = TimeParams.length;
            if (Timerlen != 0)
                var Times = new Array();
            for (i = 0; i < Timerlen; i++) {
                Times[i] = new Array(2);
                var latitude = TimeParams[i][0];
                var longitude = TimeParams[i][1];
                var AgentHour = TimeParams[i][2];
                var AgentTimes = TimeParams[i][3];
                Times[i][0] = AgentHour;
                Times[i][1] = AgentTimes;
                TimeArray[i] = new google.maps.LatLng(latitude, longitude);
            }

            for (i = 0; i < TimeArray.length; i++) {
                var marker = new google.maps.Marker({
                    position: TimeArray[i],
                    map: map,
                    //draggable: true,//Commented as per management request 
                    //title: Times[i][1], //Tooltip of the marker no need for tooltip as per management request
                    text: Times[i][0],
                    icon: TimeMarkerImage //no need for icon to time marker as per management request.

                });
                var label = new Label({
                    map: map
                });
                label.bindTo('position', marker, 'position');
                label.bindTo('text', marker, 'text');
                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindowTime.setContent(Times[i][1]);
                        infowindowTime.open(map, marker);
                    }
                })(marker, i));


            }
            var ArrayPath = new google.maps.Polyline({
                path: TrackingArr,
                geodesic: true,
                strokeColor: '#FF0000',
                strokeOpacity: 1.0,
                strokeWeight: 2
            });


            ArrayPath.setMap(map);
        }; //END DRAW SIMPLE LINE

Open in new window


any help?
Avatar of David Johnson, CD
David Johnson, CD
Flag of Canada image

you're missing the critical google maps api
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

Open in new window

Avatar of pamela rizk

ASKER

sure i am using it
it has been solved by putting teh below line:
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

inside the head and not at the end of the body
This question needs an answer!
Become an EE member today
7 DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.