2011-12-28 86 views
0

我在我的数据库中有经度和纬度现在我想在Google地图v3上显示多个标记,但问题是当我检索我的价值(拉特,长)只有一个标记显示在地图上因为环和其他价值的获得最后的值被覆盖..在谷歌地图v3显示经纬度Api

我的代码是这个..

<?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> 

回答

0

不要在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> 
+0

其实我只是想存储所有的纬度,经度价值在这里..然后把它拿来.. 但其只保留最后的价值.. VAR社区= [ new google.maps.LatLng(lat,lon) ]; – 2011-12-29 14:30:52

+0

等于运算符进行分配并覆盖以前的分配。要扩展一个javascipt数组,你可以使用push()函数。 'var neighborhoods = []; neighborhoods.push(firstCoordinate); neighborhoods.push(secondCoordinate);' – 2011-12-29 17:09:34

+0

或者同时分配所有元素。 'var neighborhoods = [firstCoordinate,secondCoordinate];' – 2011-12-29 17:12:44