【发布时间】:2015-04-10 08:46:02
【问题描述】:
我正在尝试根据 Postgres 数据库中的数据在地图上绘制点,谁能告诉我为什么这不起作用.. 我正在挠头试图弄清楚。
我正在使用这个 PHP 代码从 Postgres 数据库中提取数据,这似乎工作得很好:
<?php
ini_set('memory_limit', '1024M');
// Connecting, selecting database
$dbconn = pg_connect(**MY LOGON DEETS**)
or die('Could not connect: ' . pg_last_error());
$lat1 = $_GET['lat1'];
$lat2 = $_GET['lat2'];
$lng1 = $_GET['lng1'];
$lng2 = $_GET['lng2'];
$pin_points = 'SELECT lat,lng,price,address_string FROM house_price_data_db.main where lat>=$1 and lat<=$2 and lng<=$3 and lng>=$4';
$result_pinpoints_points = pg_query_params($dbconn,$pin_points,array($lat1,$lat2,$lng1,$lng2)) or die('Query failed: ' . pg_last_error());
$pin_points_array = array();
while($r = pg_fetch_assoc($result_pinpoints_points)) {
$pin_points_array[] = $r;
}
header("Content-type: application/json" ); // set the header to json
echo(json_encode(array_values($pin_points_array), JSON_NUMERIC_CHECK)); // this will return json
pg_close($dbconn);
?>
使用下面列出的代码尝试在地图上绘制点。我觉得我的 Javascript 存在错误/问题,但我无法弄清楚:
var lat1=55.55;
var lat2=56.05;
var lng1=8.00;
var lng2=8.45;
function setMarkers(){
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var pinpoints = JSON.parse(xmlhttp.responseText);
var marker;
var i=0;
var lat;
var lng;
var price;
var address;
var post_latlng;
var content;
for (i = 0;i<pinpoints.length;i++){
a=pinpoints[i];
lat=parseFloat(a["lat"]);
lng=parseFloat(a["lng"]);
price=parseFloat(a["price"]);
address=String(a["address_string"]);
post_latlng = new google.maps.LatLng(lat,lng);
content = "<b>Price:</b> " + price + '</br>' + "<b>Address:</b> " + address;
var marker = new google.maps.Marker({
map: map,
title: address,
position: post_latlng
});
map.setCenter(marker.getPosition());
var infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(marker,'click', (function(marker,content,infowindow){
return function(){
infowindow.setContent(content);
infowindow.open(map,marker);
};
})(marker,content,infowindow));
}
}
}
xmlhttp.open("GET","pinpoints.php?lat1="+lat1+"&lat2="+lat2+"&lng1="+lng1+"&lng2="+lng2,false);
xmlhttp.send();
}
由于某种原因它不起作用,我希望该函数调用 PHP 脚本,返回一个数组,然后使用该数组的内容和 Javscript 函数在地图上绘制标记,单击时会显示一些信息。当我使用 Firebug 时,我没有收到任何错误。任何有关如何解决此问题的建议都非常受欢迎。
【问题讨论】:
-
“它不起作用”是什么意思。您预计会发生什么(它应该在地图上绘制点?)然后实际发生什么?
-
@couling 我希望该函数调用 PHP 脚本,返回一个数组,然后使用该数组的内容和 Javascript 函数在地图上绘制标记,单击时会显示一些信息。当我运行该函数时,它会调用 PHP 函数,然后不再继续。
-
您的脚本适用于我并具有有效的响应(正如您所说的 PHP 脚本工作正常,因此响应必须是有效的 JSON)。根据您的代码,我可能只能猜测
map在setMarkers()内不可访问。当我的假设错误时,您需要发布更多代码。 -
CodeReview 仅用于工作代码,而不是代码解释或理解为什么它不起作用。
-
尝试换行:xmlhttp.open("GET","pinpoints.php?lat1="+lat1+"&lat2="+lat2+"&lng1="+lng1+"&lng2="+lng2,错误的); TO xmlhttp.open("GET","pinpoints.php?lat1="+lat1+"&lat2="+lat2+"&lng1="+lng1+"&lng2="+lng2,true);
标签: php sql postgresql google-maps google-maps-markers