这里真的需要帮助。我用 json_encode 转换了一个数组,以便能够在下面的谷歌地图中循环遍历搜索结果的纬度/经度。如果我只使用普通标记,则地图加载正常,并且如果我回显 json 编码数组,我会得到:
["55.7171, 13.2354","55.6411, 13.2122"]
下面的 PHP 代码(忽略除标记部分之外的大部分代码,只是让您了解它的使用方式)。
<?php
if (isset($search_result)) {
$markers = array();
// Looping through the results and displaying appropriate data.
foreach ($search_result as $result) {
?>
<li><?= $result['first_name']; ?></li>
<li><?= $result['last_name']; ?></li>
<li><?= $result['address']; ?></li>
<li><img width="80" height="80" src="<?php echo file_exists($result['profile_picture'])? $result['profile_picture'] : $img_profile_def; ?>"></li>
<li><a href="profile.php?userid=<?= $result['id']; ?>">View This User</a></li><br><br>
<?php
$markers[] = $result['latitude'] . ', ' . $result['longitude'];
}
}
?>
脚本底部的 Javascript 初始化地图等。我得到一个带有此代码但没有标记的地图。
<script type="text/javascript">
function initialize() {
var markers = <?php echo json_encode($markers); ?>;
var myLatLng = new google.maps.LatLng( <?php echo $area_coords; ?> );
var mapOptions = {
center:myLatLng,
zoom:15,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
for (i = 0; i < markers.length; i++) {
var position = new google.maps.LatLng(markers[i]);
var marker = new google.maps.Marker({
map:map,
position:position
});
}
}
initialize();