我正在努力跟踪车辆。当我在数据库中进行更改时，我正在尝试更新我的 map 标记。我执行以下显示标记的代码，但我需要在更改 MYSQL 数据库中的位置值时更新它 我的代码在这里
<?php
include('connect.php');
if(!isset($_POST['bus_select'])){
header('Location: index.php');
exit;
}
?>
<!DOCTYPE html>
<html>
<head>
<title>JU Bus Google Map</title>
<style type="text/css">
html {height:100%}
body {height:100%;margin:0;padding:0}
#googleMap {height:100%}
</style>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCzr1ZAuglRaD5BQA2u03fWftMB7RkOzxE&sensor=false"></script>
<?php
//for important date page
function value_return($query){
$result= mysql_query($query);
$value=mysql_result($result,0);
return $value;
}
$lat= value_return('SELECT `lat` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$long= value_return('SELECT `long` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$detail= value_return('SELECT `bus_details` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$last_updated= value_return('SELECT `last_update` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
print '
<script>
var myCenter=new google.maps.LatLng('.$lat.','.$long.');
var marker;
function initialize()
{
var mapProp = {
center:myCenter,
zoom:15,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);
var infowindow = new google.maps.InfoWindow({
content:"'.$detail.'<br>Last Updated: '.$last_updated.'"
});
infowindow.open(map,marker);
}
google.maps.event.addDomListener(window, "load", initialize);
</script>';
?>
</head>
<body>
<div id="googleMap" ></div>
</body>
</html>
最佳答案
您需要重新查询数据库 - 通常使用 AJAX 完成...这是一个教程 example 。 之后，您只需调用marker.setPosition(YOUR-NEW-LATLNG)
关于javascript - 如何根据数据库中的更改更新谷歌地图标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27024775/