title: google maps markers not showing in chrome and safari..Tried all answers on Stackoverflow
body: <p>I am using google markers on my webpage.The latitude,longitude,name and detail are fetched from database using php page and then m using it on jquery using $.post method.   </p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;?php 
  
  //Basic environment setup (error handling and logging, cookies/sessions, php directives         etc)
  require_once $_SERVER['DOCUMENT_ROOT'] . '/../Config/path_config.php';
  require_once C_PATH_UTILITY_MANAGER_PAGESETUP;
  Page_Setup_Manager::setDefaultPageSettings();
  
  require_once C_DIR_UTILITY_EVENTS_DATAACCESS;
  
  $eventsdats=Eventsdata::getevents();
  $temp=array();
  
  
  foreach($eventsdats as $singlemapevent)
  {
  array_push($temp,array($singlemapevent['ename'],
       (floatval($singlemapevent['latitude'])),
      (floatval($singlemapevent['longitude'])),
      ($singlemapevent['edate']),
      ($singlemapevent['etime']),
      ($singlemapevent['edetail'])
      ));
  }
  echo json_encode($temp);
  
  //Result[["Second Event",19.0554748,72.8497017,"17-12-2012","17:57 ","This is the  
  
  social detail;"],["Demo Event",19.2097381,72.8737017,"08-12- 2012","09:34 ","This event  
  
  was held in bhayander by ganesh mandhre"],]
  ?&gt;
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;    
  
  &lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  
  function initialize() {
      markers=[];
      temp=[];
      final_markers=[];
      $.post('maps_data.php',{},function(data){
  
         },"json").done(function(data){
             markers=(data);
             $.each(data,function(index,value){
  
  
              final_markers.push($.makeArray(value));
  
                 });
             markers=final_markers;
  
         });
      alert(markers);
      var latlng = new google.maps.LatLng(19.0554748, 72.8497017);
      var settings = {
          zoom: 10,
          center: latlng,
          visible:true,
          mapTypeControl: true,
          mapTypeControlOptions: {style:   
  
  google.maps.MapTypeControlStyle.DROPDOWN_MENU},
          navigationControl: true,
          navigationControlOptions: {style: 
  
  google.maps.NavigationControlStyle.SMALL},
          mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var map = new 
  google.maps.Map(document.getElementById("map_canvas"), settings);
  
  
          var infowindow = new google.maps.InfoWindow(), marker, i;
          for (i = 0; i &lt; markers.length; i++) {  
  
  
              marker = new google.maps.Marker({
                  position: new google.maps.LatLng(markers[i][1], markers[i][2]),
                  map: map
              });
  
              google.maps.event.addListener(marker, 'click', (function(marker, i) {
                  return function() {
                      var contentString = '&lt;div id="content"&gt;'+
                      '&lt;div id="siteNotice"&gt;'+
                      '&lt;/div&gt;'+
                      '&lt;h1 id="firstHeading"  class="firstHeading"&gt;'+markers[i][0]+'&lt;/h1&gt;'+
                      '&lt;div id="bodyContent"&gt;'+
                      '&lt;p&gt;'+markers[i][3]+'&lt;/p&gt;'+
                      '&lt;p&gt;'+markers[i][4]+'&lt;/p&gt;'+
                      '&lt;p&gt;'+markers[i][5]+'&lt;/p&gt;'+
                      '&lt;/div&gt;'+
                      '&lt;/div&gt;';
  
                      infowindow.setContent(contentString);
                      infowindow.open(map, marker);
                  }
              })(marker, i));
          }
      }
  &lt;/script&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
  &lt;div id="map_canvas" style="width:100%; height:350px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The markers are visible in firefox but not in chrome and safari..What is the error ? Am i using json incorrectly ?</p>