Google Maps'i kullanarak Çoklu InfoWindows oluştururken Yardım

0 Cevap php

Ben bir mysql tablosundan cordinates yükler ve bir google harita üzerinde işaretleri oluşturmak için kullanabilirsiniz bir php sayfası oluşturma. Bu çalışıyor. Ben de Bilgi penceresini eklendi ama sorun tüm belirteçler için bilgi penceresinde içerik tablosunda son işaretleyici içindir içeriğini gösteren olmasıdır. Aşağıdaki kodu:

<?php
include("php/db.php");
$db = new dbAccess($db_host,$db_user,$db_pass, $db_db, true);
$db->query("select * from tbl_gps;", false);
    while($row_gps = $db->fetchrow()){
        $gps_list .= "['".$row_gps['gps_title']."', ".$row_gps['lat_dec'].", ".$row_gps['long_dec'].", ".$row_gps['gps_order']."],\n";
    }

?>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Aerial View Of Federal Polytechnic Bauchi</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  var myOptions = {
    zoom: 17,
    center: new google.maps.LatLng(10.256817, 9.771996),
    mapTypeId: google.maps.MapTypeId.SATELLITE
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);

  setMarkers(map, struct);
}

/**
 * Data for the markers consisting of a name, a LatLng and a zIndex for
 * the order in which these markers should display on top of each
 * other.
 */
var struct = [
<?php echo $gps_list; ?>

];
var markers = new Array();
function setMarkers(map, locations) {
 var infowindow = null;

  for (var i = 0; i < locations.length; i++) {
    var location = locations[i];
    var myLatLng = new google.maps.LatLng(location[1], location[2]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: location[0],
        zIndex: location[3]
    });

/* now inside your initialise function */
infowindow = new google.maps.InfoWindow({
content: "holding..."
});


google.maps.event.addListener(marker, 'click', function () {

// where I have added .html to the marker object.
infowindow.setContent(location[0]);
infowindow.open(map, this);
});

    }


}
</script>
</head>
<body style="background-color:#000" onload="initialize()">

  <div id="map_canvas" style="height:95%; width:100%"></div>

</body>
</html>

0 Cevap

etiketler