отображать долгое время на Google Maps v3 Api

Question

У меня есть широта и долгота в моей базе данных, теперь я хочу отобразить несколько маркеров на картах Google v3, но проблема в том, что когда я получаю свое значение (широта, долгота), на карте отображается только один маркер, потому что он получает последнее значениецикл и другие значения перезаписываются ..

Мой код такой ..

 <?php foreach($this->searchResult as $result): ?>
 <ul>
 <li><?php echo $result['user_id']; ?>

 <li><?php echo $result['name']; ?></li>
 <li><?php echo $result['Latitude']; ?></li>
 <li><?php echo $result['Longitude']; ?></li>


<li><?php if($result['country'] == '1'){echo "America"; }else{ echo "";} ?></li>
 <a href="<?php echo 
 $this->url(array('controller'=>'search',  'action'=>'get-Details',            'id'=>$result['id']))?>">Details</a> 
</ul>
<script type="text/javascript">
 var berlin = new google.maps.LatLng(40.7144, -74.0061);

  var lat = new Array();
  var lon = new Array();
  var lat = <?php echo $result['Latitude']; ?>;
  var lon = <?php echo $result['Longitude']; ?>;


 var neighborhoods = [

  new google.maps.LatLng(lat,lon)

 ];


 var markers = [];
 var iterator = 0;

 var map;

 function initialize() {
var mapOptions = {
  zoom: 4,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  center: berlin
};


  map = new google.maps.Map(document.getElementById("map_canvass"),
        mapOptions);

}

 function drop() {
for (var i = 0; i < neighborhoods.length; i++) {
  setTimeout(function() {
    addMarker();
  }, i * 200);
}

}

  function addMarker() {
  markers.push(new google.maps.Marker({
  position: neighborhoods[iterator],
  map: map,
  draggable: false,
  animation: google.maps.Animation.DROP
}));
   iterator++;
}
</script>


<?php endforeach;?>



<?php  echo $this->paginationControl($this->searchResult, 'Sliding', 'pagination.phtml'); ?>

<div id="map_canvass" style="width:800px; height:300px"></div>

<button id="drop" onclick="drop()">Drop Markers</button>

Answer 1

Не создавайте скрипт-тег в цикле foreach.Лучше всего сгенерировать объект данных и отобразить его в блоке скрипта как переменную JS.Затем вы можете выполнить цикл внутри JS над этим объектом данных и добавить маркеры.

json_encode - хороший способ печати объектов данных.http://www.php.net/manual/en/function.json-encode.php

псевдокод:

<script type="text/javascript">
    (function () {
        var neighborhoods = <?php echo json_encode($allHoodsIWantToAdd);?>;
        ...
    }());
</scritp>